写真と署名を1枚のJPGに結合
写真と署名を1枚の画像として要求するフォームは、ファイルを20KBまたは50KBに制限することがほとんどです。このツールは一度に解決します：写真と署名を結合し、正確なピクセルサイズを設定し、バイト上限を維持し、ダウンロード前に結果を確認します。
2種類のレイアウト。
両方の図は、同じ2つのソースファイルを出力キャンバスに配置したものです。グレーは塗りつぶすためにクロップする写真領域です。白は署名全体を収める署名領域です。
写真と署名を結合する方法。
両方のファイルを追加
左に写真、右に署名を配置します。各スロットはソースサイズを表示するため、48x48のサムネイルをすぐに確認できます。署名は300dpiのフラットベッドスキャンが携帯電話の写真より優れています。
レイアウトを選択して写真をフレーミング
スタックまたは横並び、次に署名の割合を設定します。写真フレーミングを開いてズームし、写真をボックス内で移動させます。
署名をクリーンアップ
トリムはストローク周囲の余白を除去します。明るくするはスキャン背景を純白にします。どちらもチェックボックスなので、チェックを外すと元に戻ります。
確認してダウンロード
チェックパネルがレンダリングされたファイルを入力した幅、高さ、バイト制限と比較します。4行すべてにチェックが付いていることを確認してダウンロードします。
サイズと最大ファイルサイズの設定。
カスタムサイズでの写真と署名の結合は、ほとんどのツールが逆にしている部分です。ファイルサイズを達成するためにリサイズすると、指定されたサイズ要件が静かに破られます。このツールはピクセルサイズを固定として扱い、バイト目標を達成するために品質を使います。
サイズ目標の達成方法
JPEG品質はファイルサイズに線形にマッピングしません。ツールは品質95で一度エンコードしてバイト数を確認します。収まれば停止します。そうでなければ品質35と95の間で8回のバイナリサーチを実行します。50KBプリセットでの600x800結合は通常品質60〜75になります。
目標に達成できない場合
大きすぎるファイルを返す代わりに、ツールは測定された最小サイズを示します。最も低い使用可能な品質で達成したサイズと、そのトレードオフが許容できる場合にサイズを縮小する別のボタンを提供します。
フォームが曖昧な場合のサイズ選択
指示がピクセルではなく物理サイズを指定している場合、ミリメートルに必要なdpiを掛けて25.4で割ります。300dpiで35x45mmの写真は413x531pxです。何も指定しないフォームは通常200x230から600x800の間を受け入れます。
ダウンロード前に画像を確認。
基本的な結合、カスタムサイズ、KB制限は珍しくありません。このツールが追加するのは、ダウンロードを確定する前に、レンダリングされたファイルを入力した要件と比較するパネルです。
- 幅と高さ。 出力が要求した正確なピクセルサイズであることを確認します。
- バイト上限。 測定されたファイルサイズをキロバイト単位でお客様の制限に対して表示します。
- 実際のJPG。 BlobのMIMEタイプがimage/jpegであることを確認します。ポータルは拡張子ではなくファイルヘッダーを読みます。
- 署名1:1。 エンコードされたJPGから実際の出力ピクセルで署名領域をレンダリングします。
1:1署名ビューが重要な理由
縮小されたプレビューは正確に検出する必要のある欠陥を隠します。2ピクセル幅の署名ストロークはサムネイルでは solid に見えますが、20KBエンコードでは点線のグレーの線として出てきます。
このツールが確認できないこと
サイズ、バイト、フォーマットはブラウザで測定可能なので確認されます。典型的な申請チェックリストの他の項目は確認できません。ポーズ、表情、署名が記録と一致するかどうかは人間の判断です。
すべてローカルで実行
身分証明書の写真と署名サンプルは、他人のサーバーから離しておく最も重要な2つのファイルです。両方の画像はオブジェクトURLでデコードされ、キャンバスに合成され、toBlobでエンコードされます。このチェーンのどのステップもネットワークリクエストを行いません。
よくある質問。
写真と署名を1枚のJPGに結合するにはどうすればよいですか?
左のスロットに写真を、右のスロットに署名を追加し、署名が写真の下か横に配置するかを選択します。結合されたJPGはすぐにレンダリングされ、設定を変更するたびに更新されます。幅と高さをピクセルで設定し、フォームが指定する場合は最大ファイルサイズを選択してダウンロードします。何もアップロードされません。
結合した画像を50KB以下に保てますか?
たいていはい。50KBプリセットを選択すると、ツールが51,200バイト未満に収まる最高のJPG品質を検索します。品質35と95の間で8回のバイナリサーチを実行します。600x800の結合は通常品質60〜75になります。
出力サイズを設定するにはどうすればよいですか?
レイアウトコントロールの下の2つのボックスにピクセル単位で幅と高さを入力します。受け入れられる範囲は一辺50〜5000pxです。写真はカバーフィットで領域を埋め、押しつぶされずにクロップされます。署名は異なります：領域全体に収まるようにスケーリングされ、クロップされることはありません。
写真や署名がアップロードされますか?
いいえ。両方の画像はブラウザのFileReaderとオブジェクトURLで読み込まれ、canvasに描画され、canvas.toBlobでエンコードされます。これらのステップのどれもネットワークリクエストを含みません。F12で開発者ツールを開いてネットワークタブで確認できます。
圧縮後に署名が壊れて見える理由は何ですか?
JPEG圧縮は8x8ピクセルブロックで動作し、段階的なトーン変化を効率的にエンコードします。白い紙の細い暗いストロークは高コントラストのエッジです。2つの解決策：スライダーで署名により多くのスペースを与え、用紙明るくオプションをオンにします。
申請書が2つの別ファイルを求める場合はどうすればよいですか?
その場合は結合しないでください。多くのポータルには写真と署名の別々のアップロードフィールドがあります。このページは、フォームが両方を含む1枚の画像を求める場合のためです。
署名クリーンアップは元のファイルを変更しますか?
いいえ、完全に元に戻せます。トリムと明るくするは別のキャンバスに描画されたコピーに適用されます。チェックボックスのチェックを外すと、次のレンダリングで元のスキャンが使用されます。
写真と署名にどの画像形式を使用できますか?
JPG、PNG、WebPが両方のスロットに使用できます。出力は常にJPGです。PNGを.jpgにリネームしても機能しません：ポータルは実際のファイルヘッダーを読みます。