無料PNG サイズ変更

透過を保ったまま PNG のサイズを 512px のアイコンからレティナ用まで変更。出力は可逆の PNG で、縮小時はスムージングがかかります。

画像サイズを変更

処理前に出力ピクセルと推定容量を確認できます。

知っておきたいこと

PNG はロゴ、画面キャプチャ、アイコン、透明な縁を持つ画像に使う形式なので、写真の縮小とは違う作業になります。アルファチャンネルもそのまま描き直されるため、柔らかい影の付いたロゴでも縮小後に影が残り、白に潰されることはありません。

PNG には品質設定がなく、可逆で保存されるので品質スライダーを気にする必要はありません。変わるのはピクセルの中身です。拡大縮小には高品質のスムージングが使われ、写真やグラデーションには向きますが、1 ピクセルの線やドット絵はにじみます。1024×1024 のアプリアイコンを 512×512 にするのはちょうど半分なのできれいにリサンプリングされますが、1024 を 333 のような中途半端な倍率にすると縁がぼやけます。

スクリーンショットが典型例です。2880×1800 のレティナ画面のキャプチャを 50% にすると、ドキュメントページがよく想定する 1440×900 になります。PNG はべた塗りの領域を効率よく保存するため、キャプチャは KB も大きく減りますが、写真を含む PNG はほとんど変わらないこともあります。

それでも重い場合は、PNG 圧縮ツールが寸法に触れずに可逆の最適化を行います。サイズ変更を先に、最適化を後にすると最小の結果になります。

作業別ツール 16
関連ツール 13
無料PNG サイズ変更の使い方
  1. PNG をページにドロップします。透明部分はプレビューで市松模様になります。
  2. ちょうど半分にするなら割合で 50% を選ぶか、ピクセルで幅 512 などを入力します。
  3. アイコンが正方形のままになるよう、縦横比の維持をオンにしておきます。
  4. サイズ変更を実行して PNG をダウンロードし、暗い背景と明るい背景の上に置いて縁を確認します。

よくある質問

PNG のサイズを変えても透明な背景は残りますか。

残ります。アルファチャンネルも色と一緒に描き直され、PNG として保存されるので、透明な領域は透明のままです。

レティナ向けの PNG は何ピクセルにすればよいですか。

表示サイズの 2 倍です。CSS で 64px 表示のアイコンなら、2 倍画面で鮮明にするには 128px、3 倍画面なら 192px の PNG が必要です。

ドット絵が縮小後にぼやけるのはなぜですか。

拡大縮小に隣接ピクセルを混ぜるスムージングが使われるためです。ドット絵にはニアレストネイバー方式が必要ですが、このツールにはないので、整数倍の拡大は専用のピクセルエディターで行ってください。

このページに品質スライダーがないのはなぜですか。

PNG は可逆形式で、ブラウザーは品質値を無視するためです。KB を減らしたいときは、あとで PNG 圧縮ツールを使ってください。