PNG画像をリサイズ
ここでPNGをリサイズすることはロスレスの往復です：ピクセルはあなたの寸法に再サンプリングされ、PNGのロスレス圧縮でそのまま書き戻されます。品質の決定は必要ありません — 設定パネルのスライダーはロスのあるフォーマットにのみ適用され、出力がPNGのときは無視されます。代わりに注目すべきは、リサイズ後のPNGファイルサイズの挙動と、ハードエッジ画像に対する滑らかな再サンプリングの影響です。どちらにも驚きがあります。
PNGに品質選択肢がない理由
PNGには単一の圧縮スキームがあり、それはロスレスです。したがって、エンコーダには品質ダイヤルがありません：再サンプリングから出てくるピクセルは毎回正確に保存されます。これがこのフォーマットのためにツールがスライダーを無視する理由です — エンジンはPNGエンコードに品質値を渡しません。
失う情報は再サンプリング自体が削除するものだけです。2000ピクセル幅から1000ピクセルに移行すると、サンプルの4分の3が捨てられ、その中にエンコーダの選択は関与していません。また、繰り返しリサイズしても、ロスのあるフォーマットが蓄積するような損傷は発生しません：10回の保存は1回と同じコストです、寸法が変わらない限り。もし同じ寸法でより小さいファイルが必要な場合、それはリサイズの問題ではなく圧縮の問題です。
出力は常にフル32ビット — パレットファイルは増加する
ウェブ上の多くのPNGはパレットファイルです：ピクセルごとに色を保存するのではなく、最大256色のテーブルへのインデックスを保存するため、アイコンやシンプルなグラフィックは非常に小さくなります。ブラウザはそのようなファイルをフルRGBAにデコードし、このツールは結果をフル32ビット画像として書き戻します。描画されるキャンバスはパレットの概念を持たないためです。
その結果は直感に反します：慎重に最適化された30KBのパレットアイコンは、サイズを小さくした後に大きくなることがあります。パレットトリックが出力から消えるためです。アップスケーリングはそれを悪化させます — ロスレス圧縮は新しいピクセルごとに計算しなければならないため、PNGの寸法を2倍にすると、保存しなければならない生データが約4倍になります。最適化されたファイルが重要な場合は、元のファイルを保持し、リサイズされたコピーを派生出力として扱ってください。
ハードエッジ、ピクセルアート、滑らかな補間
再サンプラーはブラウザの高品質スムージングフィルターであり、意図的に最近傍オプションはありません。写真にはそれが正しいフィルターです。ピクセルアート、一ピクセルのグリッドライン、小さなUIテキストにはそれが間違ったものです：スムージングは鮮明な一ピクセルのエッジを隣接するピクセルに分割し、灰色で柔らかくなります。対照的に、写真には保護すべきハードエッジがなく、自由にスケールできます。
損傷を制限する3つの方法。クリーンな整数倍でスケールします — 50%は2ピクセルを1に変え、1.5にはなりません。すべてを縮小するのではなく、必要ない部分をトリミングし、残るピクセルを無傷に保ちます。そして、ここでピクセルアートを拡大しないでください；補間はそのスタイルが禁じるものであり、最近傍スケーリングを持つ専用エディタが適切なツールです。
よくある質問
透明な背景は保持されますか？
はい、完全に。アルファチャンネルは色チャンネルと一緒に再サンプリングされるため、部分的な透明性 — ソフトシャドウ、アンチエイリアスされたエッジ — は新しいサイズで生き残ります。ファイルを後でアルファを持たないフォーマットに変換しない限り、透明性は消えません。
PNGを縮小したらファイルが大きくなった。どうして？
元のファイルはほぼ確実にパレットファイルでした。出力はフル32ビットRGBAとして書き込まれるため、ピクセルが少なくなったことで節約されたスペースがパレットエンコーディングの喪失によって上回ることがあります。手動で最適化された場合は元のファイルを保持してください。
これでアニメーションPNGをリサイズできますか？
最初のフレームのみです — APNGは動かない画像として出力され、このフォーマットには警告は表示されません。大切なものを置き換える前に結果を確認してください。
私のPNGは実際には写真です。PNGのままでいいですか？
おそらくそうではありません。ロスレス圧縮は連続トーンの詳細を高価に保存するため、写真のPNGはどの寸法でも重くなります。ここでリサイズし、その後画像コンバータを使ってWebPまたはJPEGに変換してください；ファイルサイズの減少は通常劇的です。
画像の形が入力した幅と高さと一致しない場合はどうなりますか？
フィットモードを選択してください。フィル＆クロップは画像を正確なボックスに合わせてトリミングします；ストレッチはそれに合わせて歪めます；フィットインサイドはすべてを保持しますが、出力は画像のフィットサイズに縮小されます — 入力したボックスよりも小さく、パディングはされません。
埋め込まれたカラープロファイルは保持されますか？
いいえ。画像はブラウザの標準sRGB空間で再構築され、埋め込まれたプロファイルは残されます。スクリーンショットやウェブグラフィックには関係ありませんが、カラー管理された印刷作業にはプロファイルを保持するアプリケーションでリサイズしてください。