印字テキストと設定を選んで200×200pxの透過PNGを作る手順
このツールは,名字など最大4文字から印鑑風の画像を作るデジタル認印画像ジェネレーターです.出力は背景が透明な200×200pxのPNGに固定されており,印字テキスト,印面形状,書体候補,色,枠線の太さ,かすれレベルを画面で調整できます.初期状態は「山田」,丸型,楷書体候補,朱色,枠線3px,かすれ15です.
初めて使う場合は,まず初期値の印影を確認し,名字を入れ替えてから形状やかすれを少しずつ変えると,どの設定が見た目へ影響するか比較しやすくなります.
印面形状は丸型,縦長楕円型,角型の3種類です.印影カラーは朱色の#E60012,赤色の#FF0000,濃赤の#A80010から選べます.枠線は1pxから8pxまで0.5px刻み,かすれは0から50まで1刻みで指定します.フォントサイズや文字間隔,余白,出力ピクセル数を利用者が直接入力する機能はありません.
それらは文字数と固定ルールから自動で決まるため,画面にない調整項目を変更できるものとして説明しないことが重要です.
設定を変えると,ブラウザのCanvasへ印影が再描画されます.かすれ15のように0より大きい設定では乱数を使うため,形状や色を変更しただけでもかすれ模様が変わる場合があります.好みの模様でなければ「かすれを再描画」を押して別のパターンを作れます.完成したら「透過PNGで保存」を押すと,表示中のCanvasがPNGへ変換され,端末へ保存されます.
この操作でWord,Excel,PDFそのものを書き換えるわけではありません.保存後の画像は,画像挿入に対応する文書ソフトで別途配置します.
最大4文字を途中で壊さない数え方と1〜4文字の固定配置
入力値はNFKCで正規化し,前後の空白を除いてから最大4つの書記素へ制限します.内部に置いた空白は自動削除せず,1文字分として扱います.対応ブラウザではIntl.Segmenterを用いて,日本語の補助漢字や結合文字を画面上の文字のまとまりに近い単位で分割します.
たとえば「𠮷野」は,UTF-16のコード単位数だけを数えて途中で切るのではなく,「𠮷」と「野」の2文字として扱えます.Intl.Segmenterがない環境ではArray.fromによるコードポイント単位へ切り替えるため,結合文字などの数え方が対応環境と異なる場合があります.
5文字以上を入力した場合は先頭4文字までを残します.空欄または前後の空白だけになった場合はCanvasを空にし,再描画とPNG保存を無効にして「印字テキストを入力してください」と案内します.枠だけの画像を誤って保存しないための制御です.最大4文字という上限はファイル名だけでなく,実際にCanvasへ配置される文字にも適用されます.
文字配置はこのツール固有の固定規則です.1文字はCanvas中央のx=100,y=100へ100pxのフォントサイズで置きます.2文字は70pxとし,同じx=100の上側y=66.4と下側y=133.6へ縦一列で配置します.3文字は56pxで,最初の文字を右列のx=132,y=100へ置き,2文字目と3文字目を左列のx=68,y=74.8とy=125.2へ置きます.
4文字も56pxで,1・2文字目を右列,3・4文字目を左列の上下へ割り当てます.これは利用者が縦書き方向や並び順を選ぶ機能ではなく,入力順から自動で決まる配置です.保存前にプレビューで意図した順番になっているか確認してください.
丸・縦長楕円・角型の境界計算と端末ごとに変わる書体
印面の外枠は,200×200pxのCanvasから切れないように,枠線幅の半分へ10pxを加えた余白を使って計算します.枠線3pxの初期値なら余白は11.5pxで,丸型の半径は100−11.5=88.5pxです.枠線を8pxへ太くすると余白は14px,半径は86pxとなります.枠線を太くしたときも線の中心だけでなく線幅を含めてCanvasの端へ接触しにくい寸法です.
縦長楕円型は,縦半径を丸型と同じ値にし,横半径をその78%にします.枠線3pxなら縦半径88.5px,横半径69.03pxです.縦半径を横半径より大きくしながら,Canvasの上下を超えないための比率です.角型は同じ余白を上下左右へ取り,枠線3pxならx=11.5,y=11.5を始点に177px四方の正方形を描きます.形状を変えても出力画像自体は常に200×200pxの正方形です.
書体は「楷書体候補」「行書体候補」「明朝体」「ゴシック体」の4つですが,専用フォントファイルを画像へ埋め込む方式ではありません.楷書体候補ではHGKaishotai,Yu Mincho,Hiragino Mincho ProNなど,行書体候補ではHiragino Gyosho,HGGyoshotaiなどを候補順に指定します.
端末に先頭候補がなければ次の候補へ進み,どれもなければ一般的なserif等へフォールバックします.このため,同じ「山田」と設定してもWindows,macOS,スマートフォンで字形,太さ,文字の収まりが変わることがあります.「古印体を選べる」「すべての端末で同じ書体になる」とは説明できません.
提出用画像は,実際に使う端末でプレビューと保存後のPNGを確認してください.
かすれ0〜50と再描画で模様が変わる仕組み
外枠と文字を描いた後,かすれレベルが1以上ならCanvasのImageDataを取得し,色が付いた画素だけを順番に調べます.各画素のx座標とy座標から求める正弦値へMath.randomの乱数を加え,設定レベルに応じたしきい値と比較します.ノイズ値がかすれレベルの1.5倍より小さい画素はalphaを0へ変えて完全に透明にし,1.5倍以上2.2倍未満の範囲は元のalphaの40%へ下げて半透明にします.
それ以外の画素は描画時の透明度を保ちます.
この処理は,画像全体へ単一の透明度をかけるのではなく,枠線と文字を構成する色付き画素を部分的に欠かす処理です.そのためレベルを上げるほど欠けが増えますが,特定のレベルが物理的な朱肉量や押印回数へ対応するわけではありません.見た目を調整するための相対的な0〜50の設定です.レベル0では画素を欠かす後処理を行わないため,形状・文字・書体・色・枠線が同じなら鮮明な印影を得られます.
Math.randomは再描画ごとに異なる値を返すため,同じ「山田」,丸型,朱色,枠線3px,かすれ15でも,欠ける位置は毎回一致しません.「かすれを再描画」は設定を初期化するボタンではなく,現在の設定を保ったまま別のかすれパターンを試すボタンです.同じ模様を後から完全に再現するためのシード値や履歴保存はありません.
気に入った状態になった時点でPNGを保存し,必要に応じて用途別にファイル名を変えて管理してください.
安全な保存名と200×200px画像を文書へ配置する際の限界
保存名は印字テキストを使ったstamp_文字.png形式です.入力はNFKC正規化と最大4文字の制限を受けた後,ファイル名で問題になりやすい山括弧,コロン,引用符,スラッシュ,バックスラッシュ,縦線,疑問符,アスタリスク,制御文字をアンダースコアへ置き換えます.
末尾に残ったピリオドや空白は削除します.たとえば「山/田」は「stamp_山_田.png」のような名称になります.空の入力では保存ボタン自体が無効になるため,文字のない印影は保存しません.この安全化は保存時のファイル名に対する処理であり,作成したPNGへ電子証明やアクセス制限を付けるものではありません.
出力は常に200×200個の画素を持つラスター画像です.DPIを指定する入力欄,高解像度へ拡大してから保存する処理,SVG等のベクター出力はありません.「300dpi対応」「印刷用に自動高解像度化」と説明するのは実装と一致しません.WordやExcelでは画像として挿入し,PDFでは画像追加に対応するPDF編集ソフトを使って配置できますが,本ツール自身が文書を開いたり,署名欄を検出したり,PDFへ直接貼り付けたりするわけではありません.
文書へ配置するときは,幅と高さの比率を1:1に保つと丸型や角型が歪みません.必要な表示寸法へ縮小することはできますが,大幅に拡大しても元の200pxを超える輪郭情報は増えず,補間によって縁や文字がぼやける場合があります.画像変換・リサイズツールで出力寸法を大きくしても,新しい字形の細部が追加されるわけではありません.
また,透過PNGの見え方,重ね順,印刷結果,PDF化後の透明処理は配置先ソフトやプリンタの設定にも左右されます.重要な提出前には保存した最終文書を開き直し,印影の位置,縦横比,背景,文字の判読性を確認してください.
印影生成の通信範囲と電子署名・本人確認との違い
印字テキスト,形状,色,枠線,かすれはReactの状態として保持し,印影生成はブラウザのCanvasで実行します.対象ツールには,これらを印影生成のための外部APIへ送るfetchや,入力内容・生成画像をlocalStorage,IndexedDB,クラウドへ永続保存する処理はありません.ページを再読み込みすればツールの入力は初期値へ戻り,過去に作った印影の一覧や再編集履歴も表示されません.
ただし「画像生成に外部APIを使わない」ことと「ページ全体が一切通信しない」ことは別です.ページのHTML,CSS,JavaScript等を読み込む通信に加え,サイト共通の広告やアクセス解析等に伴う通信が発生する場合があります.そのため,完全オフライン,一切無通信,トラッキングを完全遮断,入力情報の漏えいリスクを排除といった絶対表現は使用しません.
生成後のPNGは通常の画像ファイルとして端末へ保存されるため,保存場所,共有範囲,バックアップ,削除は利用者自身で管理する必要があります.
このツールが作る「電子印鑑」は,画面上で使える印鑑風の画像という意味です.電子文書の作成者を確認する署名鍵や電子証明書,タイムスタンプ,本人確認,文書が後から変更されていないか検証する機能はありません.デジタル庁が説明する電子署名は,作成者を示す目的と改変を確認できる仕組みを含むものであり,単にPNGを貼る操作とは区別が必要です.
本ツールは電子署名機能,法令準拠,画像の法的効力,実印・銀行印・公印等の代替を保証しません.一方で,画像を使った文書の法的評価をこのツールだけで一律に決めるものでもありません.必要な方式は文書の種類や手続によって異なるため,提出先,相手方,勤務先の規程を確認し,判断が必要な重要書類では専門家へ相談してください.