透かしを追加

透かし入れは、所有権を確立し不正使用を抑止するために、画像にロゴ、ブランド名、著作権表示などの可視マークを追加する慣行です。ソーシャルメディアの時代、画像は数秒でコピー・再配布でき、多くの場合出典なしで行われます。透かしは画像の所有者を明確にし、不正使用を魅力的でなくします。透かしを除去してからでないと元の画像として偽装できないためです。

透かしは写真家（ポートフォリオ画像の保護）、EC事業者（競合による商品写真のコピー防止）、コンテンツクリエイター（ソーシャルメディアグラフィックのブランド化）、ストックフォトエージェンシー（購入前のプレビュー）によって使用されます。重要なのは適切なバランスを見つけることです。透かしは盗難を抑止するのに十分な可視性を持ちつつ、視聴体験を損なわない程度に控えめであるべきです。

可視透かしの他に、不可視（デジタル）透かしは画像のピクセルデータに情報を埋め込み、専用ソフトウェアで検出できますが人間の目には見えません。これはDigimarcなどのサービスでウェブ全体の画像使用を追跡するために使用されます。ただし、可視透かしはほとんどのクリエイターにとって最も実用的なソリューションであり続けています。

画像の透かし入れはCanvas APIのdrawImage()とfillText()メソッドを使用して行われます。画像が最初にキャンバスに描画され、次に透かしテキストまたはロゴが透明度のためにglobalAlphaを使用して上に合成されます。キャンバスはtoBlob()またはtoDataURL()を使用して新しい画像としてエクスポートされます。出力形式はJPEG（より小さい、非可逆）またはPNG（より大きい、可逆）です。

複数の画像の透かし入れ（バッチ処理）を行う場合、ブラウザはメモリの問題を避けるために順次処理します。各画像が読み込まれ、透かしが入れられ、エクスポートされ、次を処理する前にキャンバスメモリが解放されます。大量のバッチ（100+画像）の場合、数分かかる場合がありますがブラウザはクラッシュしません。処理はブラウザのメインスレッドで行われるため、バッチ操作中はUIがわずかに応答しなくなる可能性があります。