オンライン PNG 圧縮・軽量化ツール ピクセル解像度と透過を100%維持して容量を最大75%削減

画像の幅・高さ(px)や半透明のアルファチャンネルを一切損なわずに、スマート色量子化によってPNGのファイルサイズだけを劇的に縮小します。100%ブラウザ内処理でサーバーへは一切送信されません。

100% ブラウザ内ローカル処理 — ファイルはサーバーに送信されず、プライバシーを完全保護

ここにPNGファイルをドロップしてください

またはクリックして参照

圧縮レベル

詳細オプション

10 (Max Compression) 75 100
出力サンプル・比較事例

実際のPNG圧縮ビフォーアフター事例(解像度100%維持)

Figma・Photoshopから書き出した32bit透過PNGやmacOS Retinaスクリーンショットでの実測データです。ピクセルサイズは1pxも変わりません。

容量 -74.2% 削減 #01

3D商品レンダリング透過PNG(RGBA)

入力データ
headphones-render.png • 1,840 KB • 2000×2000 px • ドロップシャドウ付き32bit RGBA
出力結果
headphones-render-min.png • 475 KB • 2000×2000 px • 半透明の影グラデーションを完全保持

「標準圧縮(品質85)」で実行。2000×2000pxの解像度と滑らかな半透明シャドウを完全に保ったまま1.36 MB以上を削減し、ECサイトの商品ページ表示を高速化しました。

容量 -68.9% 削減 #02

macOS Retina 管理画面スクリーンショット

入力データ
dashboard-retina.png • 960 KB • 2880×1800 px • 未圧縮24bit RGB画面キャプチャ
出力結果
dashboard-retina-min.png • 298 KB • 2880×1800 px • 小さなUI文字もくっきり鮮明

画面内の広いフラットカラー領域をスマートに統合。2880×1800pxの高解像度と12pxの小さなUIテキストの鮮明さを損なわずに約70%軽量化し、マニュアル記事への掲載に最適です。

容量 -79.5% 削減 #03

透過ブランドロゴ&バッジ15枚の一括圧縮

入力データ
透過PNGロゴ15枚 • 合計 3.10 MB • SVG PNG 変換で出力した 1024×1024 px 画像
出力結果
圧縮済みPNG 15枚 • 合計 635 KB • 1024×1024 px & アルファ透過を完全維持

高解像度の透過ロゴ15枚をブラウザ内でまとめて一括処理。画質劣化なしで合計サイズを約5分の1に圧縮し、Webサイトへの即時組み込みが可能になりました。

1. 解決できる課題と活用シーン

このPNG圧縮ツールはどんな具体的な課題を解決しますか?

PhotoshopやFigma、SVG変換ツールから書き出された直後の32bit PNGは、1ピクセルあたり4バイトの非効率なデータ構造を持っており、画像1枚で数MBに達してWeb表示速度の低下やアップロード制限エラーを引き起こします。

画像の縦横ピクセル寸法(幅×高さ)を変えずに容量(KB/MB)だけ削減

「容量を減らしたら画像が小さくリサイズされてしまった」という心配は不要です。2400×1600pxの画像は2400×1600pxのまま、内部のカラーパレット構造だけを最適化します。

各種サービスの厳しいファイルサイズ上限(500KB / 1MB / 2MB)をクリア

ECサイトの商品登録、Discordスタンプ、LINEクリエイターズマーケット、社内システムの添付上限など、ファイルサイズ制限で弾かれる透過PNGを数秒で規定内に収めます。

社外秘の画面キャプチャや未公開デザインも100%ローカル処理で安全

TinyPNGなどのクラウド型ツールとは異なり、画像データは外部サーバーへ一切アップロードされません。お使いのPC・スマホのブラウザメモリ内だけで安全に完結します。

2. 準備する入力ファイルと仕様

準備する入力PNGファイルと推奨条件

当ツールはPNGフォーマット専用にチューニングされています。以下の特徴を持つPNGファイルで最も高い効果を発揮します。

24bit RGB または 32bit RGBA の標準 .png ファイル(複数一括対応)

Figma、Photoshop、Illustrator、OSのスクリーンショット機能、または当サイトの「SVG PNG 変換」から書き出した未圧縮のPNGファイルに最適です。

背景透過・半透明シャドウ(アルファチャンネル)を含む画像

切り抜き商品画像、すりガラス風UI、柔らかいドロップシャドウなど、複雑な透過度を持つPNGでも背景が白や黒に塗りつぶされることなくそのまま保持されます。

UIデザイン、ロゴ、イラスト、高解像度スクリーンショット

色数が整理されたグラフィックや画面キャプチャでは60%〜80%の高い圧縮率を達成できます(一眼レフカメラのノイズが多い風景写真などはJPG形式への変換をおすすめします)。

最終的な使用サイズに合わせたピクセル解像度の画像

当ツールは画像の縦横ピクセル数を変更しないため、Web上で400×400pxで表示するアイコンに8000×8000pxの元画像を使う場合は、事前に適切な解像度で書き出してください。

3. 具体的な操作手順

具体的な操作手順(4ステップ)

1

1. 圧縮レベル(弱・中・強)を選択する

左側のパネルで圧縮強度を選びます。繊細なグラデーション重視なら「弱(Light)」、画質と圧縮率(60%〜70%削減)のバランスが最も良い「中(Medium・初期値)」、最小サイズ優先なら「強(High)」を選択します。

2

2. 品質スライダー(0〜100)と詳細オプションを調整する

右側の品質スライダー(初期値85)を微調整し、必要に応じて「メタデータを保持(300DPI印刷情報などの維持)」や「プログレッシブPNG」にチェックを入れます。

3

3. PNGファイルをドロップするかサンプルを試す

オレンジ色の枠内に1枚または複数の .png ファイルをドラッグ&ドロップするか、「サンプル透過PNGで圧縮を試す」ボタンをクリックします。

4

4. 削減サイズを確認してダウンロードする

各画像の「元のサイズ」「圧縮後のサイズ」「削減率(%)」を確認し、個別に保存するか「すべてダウンロード」ボタンで一括保存します。

4. 出力結果の活用方法

圧縮したPNG画像はどのように活用できますか?

出力されるファイルは互換性100%の標準 .png 画像ですので、あらゆるWeb制作・アプリ開発・資料作成にそのまま活用できます。

Webサイトのファーストビュー画像&ECサイトの切り抜き商品画像

1枚2MB近い透過PNGを400KB以下に抑えることで、Core Web VitalsのLCP(最大視覚コンテンツの表示時間)を大幅に短縮し、SEO評価と離脱率を改善します。

iOS/Androidアプリやゲームのスプライト・UIアセット軽量化

アプリ内に同梱する透過ボタンやキャラクター立ち絵PNGを事前に一括圧縮しておくことで、アプリのダウンロード容量を削減できます。

PowerPoint資料・Notionドキュメント・操作マニュアルへの貼り付け

Retinaディスプレイで撮影した高精細なスクリーンショットを大量にドキュメントへ貼り付けても、ファイル全体が重くならず快適に共有できます。

5. うまくいかないケースと対処法

圧縮効果が薄いケース(注意点)と具体的な対処法

PNG圧縮の仕組み(色量子化とDEFLATE圧縮)上、以下のような画像では期待通りの結果にならない場合があります。

すでにTinyPNGやImageOptim等で圧縮済みの8bitインデックスカラーPNG

原因:

すでに減色・量子化処理が行われたPNGファイルを再度圧縮しても、削減できる余地は1%〜3%程度しかなく、繰り返すと画質劣化の原因になります。

解決策:

必ずデザインソフトから書き出した未圧縮の元データ(24bit/32bit PNG)を入力してください。

カメラで撮影した実写風景・人物写真(透過なし・高感度ノイズあり)のPNG

原因:

実写写真は隣接するピクセルごとに微細なノイズが含まれるため、PNGの辞書圧縮アルゴリズムが効きにくく、ファイルサイズが大きくなりがちです。

解決策:

背景透過が不要な実写写真であれば、PNGではなくJPGまたはWebP形式に変換することで、容量を5分の1以下に抑えられます。

暗い背景の広いグラデーションで「強(High)」圧縮時に色の段差(バンディング)が出る場合

原因:

圧縮レベルを「強」にしたり品質スライダーを50以下に下げたりすると、使用可能なパレット色数が減り、緩やかなグラデーションに境目が見えることがあります。

解決策:

広い面積のグラデーションや発光エフェクトを含む画像では、圧縮レベルを「弱(Light)」にし、品質スライダーを90〜95に設定してください。

6. 関連ツールとの違い・比較

関連する画像・ベクターツールとの違い・比較

お持ちのファイル形式(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へ変換
7. よくある質問とトラブルシューティング

よくある質問とトラブルシューティング (FAQ)

PNGを圧縮すると、画像の縦横サイズ(ピクセル数)は小さくなりますか?

いいえ、1ピクセルも変わりません。たとえば1920×1080pxのPNG画像は、圧縮後も1920×1080pxのまま出力されます。内部の色データ構造を整理することでファイル容量(KB/MB)だけを減らします。

透過背景が白くなったり、半透明のドロップシャドウが消えたりしませんか?

ご安心ください。8bitアルファチャンネル(256段階の透明度)に完全対応しているため、完全な透明背景はもちろん、柔らかい半透明の影や境界線のアンチエイリアスもきれいに維持されます。

なぜサーバーにアップロードせずにブラウザだけで圧縮できるのですか?

最新のWebブラウザが備えるHTML5 CanvasとJavaScriptのバイナリ処理機能(TypedArray)を活用し、お使いの端末のメモリ内で直接色量子化と再エンコードを行っているためです。通信が発生しないため高速かつ安全です。

詳細設定の「メタデータを保持」にはどんな意味がありますか?

初期状態では、ファイルサイズを最小化するために作成日時やソフト名などの不要なデータチャンクを削除します。もし当サイトの「SVG PNG 変換」で設定した300 DPIの印刷解像度情報(pHYsチャンク)などを残したい場合は、「メタデータを保持」にチェックを入れてください。

「SVG PNG 変換ツール」で作ったPNG画像をさらにこのツールで圧縮できますか?

はい、非常におすすめの組み合わせです!SVGから変換された直後のPNGは非圧縮に近い32bitフルカラー形式のため、当ツールに通すことで見た目の画質はそのままにファイルサイズを65%〜75%削減できます。

関連する画像・ベクターツール

用途ごとに特化したブラウザ完結型ツールと連携して作業を効率化できます。

このツールを共有

この無料でプライベートなSVGからPNGへのコンバーターを他の人が見つけられるように手伝ってください。