画像オプティマイザー：圧縮とリサイズ

JPEG・WebP・PNGを品質スライダーで圧縮・リサイズする画像オプティマイザー。

画像はブラウザ内でローカルにデコード・再エンコードされるため、端末から出ることはなく、何もアップロードされません。

開発・運営：Udit Agarwal

別のファイル形式が必要ですか？ Image Converterをお試しください。

画像オプティマイザー について

ArrayKitの画像オプティマイザーは、画像を調整可能な品質レベルでJPEG・WebP・PNGに再エンコードし、幅の上限も設定できるため、重いデスクトップソフトなしで写真を圧縮・リサイズできます。写真やスクリーンショットをドロップしてフォーマットを選び、品質スライダーを動かすと、元のサイズ、最適化後のサイズ、削減率がすぐに表示されます。ページの高速読み込み、軽いメール添付、小さなアプリバンドルのために画像サイズを縮小したいとき、手軽なJPEG圧縮ツールやWebPコンバーターとしても使えます。開発者、デザイナー、ブロガー、QAテスターは、コミットやビルド出荷の前にアセットを小さくできます。すべてCanvas APIを使ってブラウザ内でローカルに処理されるため、データが端末から出ることはなく、サーバーへ何もアップロードされません。

機能

• 1枚の元画像からJPEG・WebP・PNGへ再エンコード
• JPEGとWebP向けに10％〜100％で調整できる品質スライダー
• アスペクト比を保ったままリサイズする任意の最大幅指定
• 正確な変化率付きで前後のサイズを表示
• 最適化後の画像と出力寸法のライブプレビュー
• JPEG書き出し時に白背景を自動で適用
• ワンクリックで -optimized 名の自動命名ファイルをダウンロード
• すべての処理がCanvas API経由でブラウザ内でローカルに実行

画像オプティマイザー の使い方

1. ドロップゾーンに画像をドロップするか、クリックしてファイルを選びます。
2. 出力フォーマットをJPEG・WebP・PNGから選びます。
3. 品質スライダーを動かし、必要なら最大幅をピクセルで指定します。
4. 「最適化」をクリックして再エンコードし、元と最適化後のサイズを比較します。
5. 「ダウンロード」をクリックして最適化した画像を端末に保存します。

例

入力

photo.png — 2400 × 1600, 3.8 MB
Format: WebP, Quality: 80%, Max width: 1200

出力

Original: 3.8 MB
Optimized: 412 KB
Change: −89%
Output dimensions: 1200 × 800px

大きなPNGを品質80％・幅上限1200pxでWebPに再エンコードした例。

よくあるエラーとトラブルシューティング

• TIFFなどの特殊なファイルで「Could not process the image」と表示される。 — このオプティマイザーはブラウザの画像デコーダーに依存しており、TIFFのような形式は読み込めません。先にPNGかJPEGへ変換してから最適化してください。
• 最適化後のファイルが元より大きくなる。 — すでに圧縮済みのJPEGをPNGに再エンコードするとファイルが大きくなることがあります。JPEGかWebPを選ぶか、品質スライダーを下げて実際にサイズを縮小してください。
• 品質スライダーが消えた。 — PNGは可逆圧縮で品質設定がないため、スライダーはJPEGとWebPのときだけ表示されます。
• 透過PNGがJPEG書き出し後に白くなる。 — JPEGは透過に対応しないため、白背景が埋め込まれます。透過を保ちたい場合はWebPかPNGのままにしてください。

よくある質問

ArrayKitの画像オプティマイザーとは何ですか？

選んだ品質で画像をJPEG・WebP・PNGへ再エンコードし、任意でリサイズしたうえで、元のサイズ・最適化後のサイズ・削減率を表示するブラウザ内ツールです。公開前に画像を小さくできます。

品質を落としすぎずに画像を圧縮するには？

まずJPEGまたはWebPで品質80％から始め、ライブプレビューを確認します。同じ品質なら写真はWebPが最も小さくなることが多く、プレビューが許容範囲なら、さらにスライダーを下げてください。

画像オプティマイザーは寸法を変えますか？

最大幅を設定した場合のみ変わります。空欄にすれば元の解像度を保ち、それ以外はアスペクト比を保ったままその幅まで比例縮小されます。

なぜ最適化後のファイルが元より大きくなることがあるのですか？

すでに圧縮済みの画像を、特にPNGへ再エンコードするとサイズが増えることがあります。JPEGかWebPに切り替え、品質スライダーを下げると確実に削減できます。

どのフォーマットが最も小さい画像ファイルになりますか？

写真は通常WebPが有利で、フラットなグラフィックや透過が必要なものにはPNGが最適です。WebPが使えない場合、写真にはJPEGが手堅い中間策です。

画像オプティマイザーを使うと画像はどこかにアップロードされますか？

いいえ。画像オプティマイザーはすべてブラウザ内でローカルにデコード・再エンコードするため、画像が端末から出ることはなく、サーバーへ何もアップロードされません。

関連ツール

• 画像フォーマット変換 — 画像を PNG、JPEG、WebP 間でブラウザ内ですべて変換します。
• EXIF ビューア / 除去ツール — 写真のEXIFメタデータ（GPSを含む）を表示・削除します。何もアップロードされません。
• SVG オプティマイザー — SVGを圧縮: コメント、メタデータ、エディタの残骸を削除し、空白をまとめます。
• 画像から PDF — 複数の画像を1つのPDFに結合します（自動 / 縦 / 横）。
• PDF から画像 — PDFのページをダウンロード可能なPNGまたはJPG画像に変換します。
• PDF を圧縮 — 各ページを選択した画質・解像度でJPEGに再描画してPDFを軽量化します。
• Open Graph ジェネレーター — Open GraphとTwitterのメタタグを生成し、ソーシャルカードをプレビューします。
• QR コードジェネレーター — テキストやURLからQRコードを生成し、PNGまたはSVGでダウンロードします。

画像の他のツール

• 画像フォーマット変換 — 画像を PNG、JPEG、WebP 間でブラウザ内ですべて変換します。
• EXIF ビューア / 除去ツール — 写真のEXIFメタデータ（GPSを含む）を表示・削除します。何もアップロードされません。
• Base64 画像エンコーダー / デコーダー — 画像を HTML・CSS スニペット付きの Base64 Data URI に変換し、Data URI をダウンロード可能な画像にデコードします。
• アプリアイコンジェネレーター — 1枚の画像を iOS・macOS・Android の全アプリアイコンサイズに変換 — ブラウザ内で生成し ZIP でダウンロード。
• sprite sheet CSS アニメーション — sprite sheet を steps() の CSS アニメーションに変換。ライブプレビュー付き。
• SVG から PNG への変換 — SVG マークアップや .svg ファイルを、任意のスケールで鮮明な PNG や JPG に変換できます。
• 画像カラーピッカー — 画像をホバー・クリックして、任意のピクセルの HEX・RGB・HSL を取得できます。
• カラーフォーマットコンバーター — カラーを HEX・RGB・HSL・OKLCH など全形式に一度に変換します。
• バーコードジェネレーター — EAN・UPC・Code 128 バーコードを生成し SVG や PNG で保存します。
• カラーパレット抽出 — 画像から支配色とパレットを HEX・RGB・HSL で抽出
• 画像の反転・回転 — ブラウザで画像を回転・反転
• 画像トリミング — 自由範囲か固定比率で切り抜き、フル解像度で保存。

画像のツールをすべて見る (40) · すべてのツール