画像の幅・高さ(px)や半透明のアルファチャンネルを一切損なわずに、スマート色量子化によってPNGのファイルサイズだけを劇的に縮小します。100%ブラウザ内処理でサーバーへは一切送信されません。
またはクリックして参照
Figma・Photoshopから書き出した32bit透過PNGやmacOS Retinaスクリーンショットでの実測データです。ピクセルサイズは1pxも変わりません。
「標準圧縮(品質85)」で実行。2000×2000pxの解像度と滑らかな半透明シャドウを完全に保ったまま1.36 MB以上を削減し、ECサイトの商品ページ表示を高速化しました。
画面内の広いフラットカラー領域をスマートに統合。2880×1800pxの高解像度と12pxの小さなUIテキストの鮮明さを損なわずに約70%軽量化し、マニュアル記事への掲載に最適です。
高解像度の透過ロゴ15枚をブラウザ内でまとめて一括処理。画質劣化なしで合計サイズを約5分の1に圧縮し、Webサイトへの即時組み込みが可能になりました。
PhotoshopやFigma、SVG変換ツールから書き出された直後の32bit PNGは、1ピクセルあたり4バイトの非効率なデータ構造を持っており、画像1枚で数MBに達してWeb表示速度の低下やアップロード制限エラーを引き起こします。
「容量を減らしたら画像が小さくリサイズされてしまった」という心配は不要です。2400×1600pxの画像は2400×1600pxのまま、内部のカラーパレット構造だけを最適化します。
ECサイトの商品登録、Discordスタンプ、LINEクリエイターズマーケット、社内システムの添付上限など、ファイルサイズ制限で弾かれる透過PNGを数秒で規定内に収めます。
TinyPNGなどのクラウド型ツールとは異なり、画像データは外部サーバーへ一切アップロードされません。お使いのPC・スマホのブラウザメモリ内だけで安全に完結します。
当ツールはPNGフォーマット専用にチューニングされています。以下の特徴を持つPNGファイルで最も高い効果を発揮します。
Figma、Photoshop、Illustrator、OSのスクリーンショット機能、または当サイトの「SVG PNG 変換」から書き出した未圧縮のPNGファイルに最適です。
切り抜き商品画像、すりガラス風UI、柔らかいドロップシャドウなど、複雑な透過度を持つPNGでも背景が白や黒に塗りつぶされることなくそのまま保持されます。
色数が整理されたグラフィックや画面キャプチャでは60%〜80%の高い圧縮率を達成できます(一眼レフカメラのノイズが多い風景写真などはJPG形式への変換をおすすめします)。
当ツールは画像の縦横ピクセル数を変更しないため、Web上で400×400pxで表示するアイコンに8000×8000pxの元画像を使う場合は、事前に適切な解像度で書き出してください。
左側のパネルで圧縮強度を選びます。繊細なグラデーション重視なら「弱(Light)」、画質と圧縮率(60%〜70%削減)のバランスが最も良い「中(Medium・初期値)」、最小サイズ優先なら「強(High)」を選択します。
右側の品質スライダー(初期値85)を微調整し、必要に応じて「メタデータを保持(300DPI印刷情報などの維持)」や「プログレッシブPNG」にチェックを入れます。
オレンジ色の枠内に1枚または複数の .png ファイルをドラッグ&ドロップするか、「サンプル透過PNGで圧縮を試す」ボタンをクリックします。
各画像の「元のサイズ」「圧縮後のサイズ」「削減率(%)」を確認し、個別に保存するか「すべてダウンロード」ボタンで一括保存します。
出力されるファイルは互換性100%の標準 .png 画像ですので、あらゆるWeb制作・アプリ開発・資料作成にそのまま活用できます。
1枚2MB近い透過PNGを400KB以下に抑えることで、Core Web VitalsのLCP(最大視覚コンテンツの表示時間)を大幅に短縮し、SEO評価と離脱率を改善します。
アプリ内に同梱する透過ボタンやキャラクター立ち絵PNGを事前に一括圧縮しておくことで、アプリのダウンロード容量を削減できます。
Retinaディスプレイで撮影した高精細なスクリーンショットを大量にドキュメントへ貼り付けても、ファイル全体が重くならず快適に共有できます。
PNG圧縮の仕組み(色量子化とDEFLATE圧縮)上、以下のような画像では期待通りの結果にならない場合があります。
すでに減色・量子化処理が行われたPNGファイルを再度圧縮しても、削減できる余地は1%〜3%程度しかなく、繰り返すと画質劣化の原因になります。
必ずデザインソフトから書き出した未圧縮の元データ(24bit/32bit PNG)を入力してください。
実写写真は隣接するピクセルごとに微細なノイズが含まれるため、PNGの辞書圧縮アルゴリズムが効きにくく、ファイルサイズが大きくなりがちです。
背景透過が不要な実写写真であれば、PNGではなくJPGまたはWebP形式に変換することで、容量を5分の1以下に抑えられます。
圧縮レベルを「強」にしたり品質スライダーを50以下に下げたりすると、使用可能なパレット色数が減り、緩やかなグラデーションに境目が見えることがあります。
広い面積のグラデーションや発光エフェクトを含む画像では、圧縮レベルを「弱(Light)」にし、品質スライダーを90〜95に設定してください。
お持ちのファイル形式(SVGベクターかPNGビットマップか)に合わせて最適なツールをお選びください。
| 比較項目 | PNG 圧縮ツール(当ツール) | SVG オプティマイザー | SVG PNG 変換ツール |
|---|---|---|---|
| 入出力フォーマット | 入力:.png 画像 → 出力:軽量化された .png 画像 | 入力:.svg ベクター → 出力:軽量化された .svg ベクター | 入力:.svg ベクター → 出力:新規 .png 画像 |
| ピクセルサイズ(幅×高さ) | 元のピクセル寸法を100%完全維持(リサイズしない) | 解像度に依存しないベクター座標空間 | 出力ピクセル幅・高さ・4倍拡大・300DPIを自由指定 |
| 圧縮・処理の仕組み | スマートRGBA色量子化+DEFLATEチャンク最適化 | XMLコメント・メタデータ削除&パス座標の丸め | ベクターパスをHTML5 Canvas上で32bit PNGへ描画 |
| おすすめの連携手順 | 仕上げ工程:書き出したPNGのファイル容量を大幅ダイエット | 事前工程:Web埋め込み前のSVGコードをスリム化 | 変換工程:ベクターロゴを指定解像度の透過PNGへ変換 |
いいえ、1ピクセルも変わりません。たとえば1920×1080pxのPNG画像は、圧縮後も1920×1080pxのまま出力されます。内部の色データ構造を整理することでファイル容量(KB/MB)だけを減らします。
ご安心ください。8bitアルファチャンネル(256段階の透明度)に完全対応しているため、完全な透明背景はもちろん、柔らかい半透明の影や境界線のアンチエイリアスもきれいに維持されます。
最新のWebブラウザが備えるHTML5 CanvasとJavaScriptのバイナリ処理機能(TypedArray)を活用し、お使いの端末のメモリ内で直接色量子化と再エンコードを行っているためです。通信が発生しないため高速かつ安全です。
初期状態では、ファイルサイズを最小化するために作成日時やソフト名などの不要なデータチャンクを削除します。もし当サイトの「SVG PNG 変換」で設定した300 DPIの印刷解像度情報(pHYsチャンク)などを残したい場合は、「メタデータを保持」にチェックを入れてください。
はい、非常におすすめの組み合わせです!SVGから変換された直後のPNGは非圧縮に近い32bitフルカラー形式のため、当ツールに通すことで見た目の画質はそのままにファイルサイズを65%〜75%削減できます。
用途ごとに特化したブラウザ完結型ツールと連携して作業を効率化できます。
SVGを透明背景維持のまま高画質PNGへ変換。ピクセルサイズ指定・4倍拡大・印刷用300DPI設定に対応。
複数のSVGファイルを一度にPNG・JPG・WebPへ一括変換し、ZIPアーカイブとしてまとめてダウンロード。
1枚の画像からWeb用 favicon.ico や iOS/Android/Windows 用アプリアイコン一式を自動生成。
iPhoneで撮影した .heic 写真を、ブラウザ上で安全に汎用性の高い JPG 画像へ一括変換。