画像を圧縮して透かしを一度に追加する
imgadd の圧縮ページで「透かしを追加」をオンに—先にリサイズと圧縮、その後保存済み透かしスタイルを適用。透かしページで設定とプレビュー、すべてローカル処理。
商品写真、UI スクリーンショット、クライアントプレビューには、共有のための小さなファイルサイズと、著作権や「社内利用のみ」のテキスト透かしの両方が必要なことが多いです。
圧縮と透かしを別々に実行する代わりに、imgadd 圧縮ページで 透かしを追加 を有効にすれば、1つのワークフローでバッチ処理できます。
なぜ先に圧縮してから透かし？
imgadd は先に圧縮とリサイズを行い、その後最終出力画像に透かしを描画します。
この順序が重要な理由：
- 予測可能な文字サイズ — フォントサイズ（例：24px）は、後から縮小される巨大な原本ではなく、出力画像に一致します。
- 画質向上 — 写真は最後に1回だけエンコードされ、透かし→圧縮の二重 JPEG 劣化を避けられます。
- 一貫したバッチ — すべての画像が同じ透かしスタイル適用前に同じ出力サイズになります。
使い方
1. 圧縮ページで「透かしを追加」を有効化
圧縮ツールを開き、出力形式オプションの下の 透かしを追加 にチェック。
2. 透かしページでスタイルを設定（新しいタブ）
透かしを設定 → をクリックし、透かしツールを新しいタブで開きます：
- サンプル画像をアップロード（バッチ全体である必要はありません）
- テキスト、位置、不透明度、タイルなどを調整
- 結果をライブプレビュー
設定はブラウザに自動保存—アカウント不要。
3. 圧縮に戻ってバッチ実行
圧縮タブに戻り、ファイルをアップロード、画質・出力サイズ・形式を設定し、圧縮をクリック。
imgadd が保存済み透かし設定を読み取り、各ファイルで 圧縮 → 透かし → ダウンロード を実行します。
出力ファイル名
ダウンロード名には明確なサフィックスが付きます：
| シナリオ | 例 |
|---|---|
| 圧縮のみ | photo-compressed.jpg |
| 50% にスケール | photo-50pct.jpg |
| 圧縮 + 透かし | photo-compressed-watermarked.jpg |
| 50% + 透かし | photo-50pct-watermarked.jpg |
ZIP ダウンロードも同じ命名規則です。
どの設定がどこで？
| 設定 | 管理場所 |
|---|---|
| 画質、出力サイズ、出力形式 | 圧縮ページ |
| 透かしテキスト、位置、不透明度、フォントサイズ、色、回転、タイル | 透かしページ（自動保存） |
一方で JPEG、もう一方で WebP のような競合を避けられます。
向いている用途
- EC / SNS — ヒーロー画像を縮小し、ショップやブランド透かしを追加
- プロダクト / 営業 — UI スクリーンショットを圧縮し「Internal」「Draft」と表示
- 写真家 / デザイナー — タイル透かし付きの圧縮プルーフを送信
透かしのみ？ 透かしツール を使用。圧縮のみ？ チェックを外してください。
プライバシー
他の imgadd ツールと同様、画像はサーバーにアップロードされません。圧縮は Web Worker で、透かしは Canvas 上にローカル描画。設定はブラウザの localStorage に保存されます。