画像リサイズ・変換

使い方

画像をドロップまたは選択し、サイドバーの 3 つの設定を調整します。出力形式（WebP / JPEG / PNG）、品質（1〜100。PNG では無視）、最大幅または最大高さ（ピクセル）。アスペクト比は自動で維持されます。幅と高さのどちらか一方だけを設定すると、もう一方が比率に従って自動計算されます。プレビューはリアルタイムで再エンコードされ、その下に出力サイズ、ファイルサイズ、元データに対する削減率が表示されます。

知っておくと便利な仕様として、ソースと同じ形式・同じサイズを指定した場合、本ツールは再エンコードせず元のバイトをそのまま渡します。JPEG を「同じ品質」で JPEG に再エンコードしても情報は失われますし、canvas ベースの PNG 出力は元の PNG の圧縮設定に追従できないためサイズが膨張しがちです。このパススルーで無駄な往復を回避しています。

例

source: IMG_4521.HEIC (or .JPG) at 4032 × 3024, 4.8 MB
format: WebP
quality: 80
max width: 1920

IMG_4521-1920x1440.webp at 1920 × 1440, ~280 KB  (−94%)

source: screenshot.png at 2560 × 1440, 1.2 MB
format: JPEG
quality: 85
(no resize)

screenshot-2560x1440.jpg at 2560 × 1440, ~340 KB  (−72%)

source: graphic.png at 1024 × 1024, 410 KB
format: PNG
(no resize)

graphic-1024x1024.png at 1024 × 1024, 410 KB  (original bytes, not re-encoded)

source: hero.jpg at 3000 × 1600, 2.4 MB
format: JPEG
quality: 82
max width: 1200

hero-1200x640.jpg at 1200 × 640, ~115 KB  (−95%)

よくある質問

関連する概念

画像形式はおおむね 2 つの陣営に分かれます。ロスレス形式（PNG、WebP ロスレス、AVIF ロスレス）はピクセルをそのまま保存するためスクリーンショット、ロゴ、シャープなエッジやテキストを含むものに最適です。ロッシー形式（JPEG、WebP、AVIF、HEIC）は目につきにくい高周波成分を削り、視覚的な忠実度とファイルサイズを引き換えにします。写真には適切な選択です。JPEG は普及しているものの古く、シャープなエッジやグラデーションで品質が崩れ始めます。Web 向けに開発された WebP と AVIF は、同等の体感品質で 25〜50% 小さなファイルを実現します。

ブラウザでのリサイズは HTML canvas にソース画像を目標サイズで描画し、canvas にバイトとして再エンコードさせる仕組みです。リサンプリング品質はブラウザ依存で、Chrome・Firefox・Safari がそれぞれ独自のアルゴリズムを持ち、通常の縮小では合理的な結果を出します。一方で拡大はせいぜいバイリニアまたはバイキュービックで、約 2 倍を超える拡大は専用の ML ベースのアップスケーラを使わない限りぼやけます。canvas パイプラインは意図的にメタデータ（EXIF、ICC プロファイル、sRGB を超える色空間）を捨てるため、カラー管理の出力が必要な写真ワークフローでは、埋め込みプロファイルを保持できるデスクトップツールを選んでください。