画像オプティマイザー

画像を再エンコードして軽量化（JPEG/WebP/PNG）、任意でリサイズします。

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

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

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

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

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

よくある質問

ArrayKitの画像オプティマイザーとは何ですか？
選んだ品質で画像をJPEG・WebP・PNGへ再エンコードし、任意でリサイズしたうえで、元のサイズ・最適化後のサイズ・削減率を表示するブラウザ内ツールです。公開前に画像を小さくできます。
品質を落としすぎずに画像を圧縮するには？
まずJPEGまたはWebPで品質80％から始め、ライブプレビューを確認します。同じ品質なら写真はWebPが最も小さくなることが多く、プレビューが許容範囲なら、さらにスライダーを下げてください。
画像オプティマイザーは寸法を変えますか？
最大幅を設定した場合のみ変わります。空欄にすれば元の解像度を保ち、それ以外はアスペクト比を保ったままその幅まで比例縮小されます。
なぜ最適化後のファイルが元より大きくなることがあるのですか？
すでに圧縮済みの画像を、特にPNGへ再エンコードするとサイズが増えることがあります。JPEGかWebPに切り替え、品質スライダーを下げると確実に削減できます。
どのフォーマットが最も小さい画像ファイルになりますか？
写真は通常WebPが有利で、フラットなグラフィックや透過が必要なものにはPNGが最適です。WebPが使えない場合、写真にはJPEGが手堅い中間策です。
画像オプティマイザーを使うと画像はどこかにアップロードされますか？
いいえ。画像オプティマイザーはすべてブラウザ内でローカルにデコード・再エンコードするため、画像が端末から出ることはなく、サーバーへ何もアップロードされません。

関連ツール

すべての ArrayKit ツール