仕様・注意事項
Image Optimizerの現在の実装と制約をまとめています。出力画像の品質や処理速度は画像、ブラウザ、端末性能によって異なります。
機能仕様
| 入力 | ブラウザで読み込める画像。JPEG、PNG、WebP、AVIF、GIFなど(対応は環境依存) |
|---|---|
| 出力 | WebP / AVIF(JPEG・PNG出力は非搭載) |
| WebPエンコーダー | jSquashのWASM(CDNから読み込み)。自動モードでは利用不可時にブラウザ標準へ切替 |
| AVIFエンコーダー | jSquash AVIF WASM(CDNから読み込み)。自動モードではWASMを優先し、必要に応じてブラウザ標準へフォールバック |
| リアルタイムプレビュー | 選択中の1枚を設定変更後に再エンコード(約220msの待機後) |
| 比較倍率 | 100〜400% |
| リサイズ | 最大横幅指定。縦横比を維持し拡大しない |
| 透過 | WebP/AVIFのアルファチャンネルへ出力する設計。半透明部は要確認 |
| 処理方式 | Web Worker / OffscreenCanvas優先、環境によってブラウザ標準処理へフォールバック |
| 一括処理 | 1枚ずつ順次変換。リスト登録上限1000件(大量処理の成功保証ではありません) |
| 保存 | 個別保存、メモリ内ZIP生成、対応ブラウザでストリーミングZIP保存 |
| ZIP形式 | ZIP STORE方式。ZIP64非対応・4GB未満 |
| 動作環境 | HTTPS上の最新Chrome/Edge推奨。Safari/Firefoxは機能制限あり |
| サーバー | Cloudflare Pages等の静的ホスティング。画像変換API・DB不要 |
AVIF用途別プリセット(v8)
| 写真・アイキャッチ | 品質75、YUV 4:2:0、速度6。ファイルサイズと見た目のバランスを優先 |
|---|---|
| 文字・図解 | 品質88、YUV 4:4:4、速度5。文字の周囲の色にじみを抑える設定 |
| 軽量優先 | 品質55、YUV 4:2:0、速度8。高速だが細部に劣化が出やすい |
| ロスレス | 品質100、YUV 4:4:4、色差の省略なし。用途に応じて速度4〜8を使用 |
これは設計上の初期値であり、実測に基づく最適値ではありません。画像の種類に応じて比較プレビューで確認してください。AVIFのWASMを利用できない場合、ブラウザ標準へのフォールバック時にはこれらの詳細パラメータは適用されません。
AVIF高速比較モード
AVIFの比較プレビューは最大辺960px・speed 10で生成します。比較欄のサイズは参考値であり、元の画像容量との削減率として扱いません。最終出力ではpreview設定を使わず、指定された幅・品質・色差・speedを使います。見た目も必ず一致するとは限りません。
圧縮と画質について
元画像がすでに十分小さい場合、再変換すると容量が増えることがあります。標準では形式の統一を優先してWebP/AVIFで保存します。サイズを優先したい場合は「元画像の方が小さい場合は元画像を維持する」をONにしてください。
圧縮前後の見た目が似ていても、ファイルサイズは変わることがあります。細部の比較にはプレビュー倍率を上げてください。
注意事項
- GIFアニメーション:静止画として扱われ、アニメーションは維持されません。
- メタデータ:EXIF、位置情報、撮影情報、ICCプロファイル等は原則として維持されません。色味が変わる場合があります。
- 対応形式:AVIFはWASMで通常圧縮・ロスレス圧縮の両方に対応します。自動モードではWASMを優先しますが、CDN取得失敗や端末メモリ不足でエラーになる場合があります。
- WASM:WebP / AVIFのjSquashは外部CDNを利用しているため、オフラインやCDN障害時はWASMが使えない場合があります。
- プライバシー:画像ファイルはこのツールからサーバーにアップロードしません。ただし通常のWebページと同じくHTML・JSや外部ライブラリの取得通信はあります。
- メモリ:画像のデコードとプレビューには端末メモリを使用します。数千枚や極端に大きな画像の同時処理は保証しません。
- リサイズ:横幅基準です。高さ上限を指定する機能はありません。
- キャンセル:処理中の1枚が完了してから停止する場合があります。
- 変換結果:元画像を置き換えたり削除したりするわけではなく、保存先に新しいファイルを出力します。
用途
WordPressや各種Webサイトへのアップロード前の画像最適化、ブログ画像の軽量化、制作素材の形式統一などを想定しています。既存WordPress記事のURLやメディアライブラリを変更する機能はありません。