- SVGコードをエディタに貼り付けます。
- 変換をクリックし、プレビューを確認します。
- PNGファイルをダウンロードします。
変換は画像とcanvasのパイプラインを使って完全にブラウザ内で行われるため、SVGがデバイスの外に出ることはありません。デザインレビュー中のアイコンやグラフィックにも安全に使えます。
SVGはロゴ、アイコン、イラストに優れていますが、多くのプラットフォームはラスター画像しか受け付けません。メールの署名、チャットアプリ、一部の文書エディタ、マーケットプレイスはすべてPNGを期待します。ラスターエディタでアートワークを作り直すのは遅く、忠実度も失われます。画像変換サービスは出力を圧縮したりリサイズしたりすることがよくあります。このツールはSVGをそのまま変換し、Retinaディスプレイでもくっきりした結果になるよう2倍スケールでレンダリングします。
ヒント
最もくっきりした出力のためには2倍でレンダリングし、プラットフォームにPNGを縮小させましょう。大きくするのではなく小さくするほうが良いのです。SVGは自己完結に保ちます。外部ファイルを参照する代わりにグラデーション、フィルター、フォントをインライン化します。プレビューが正しく見えない場合は、SVGにwidthとheight、またはviewBox属性があるかを確認してください。このツールは寸法がないときは512ピクセルにフォールバックします。
なぜ使うか
このSVG→PNG変換ツールは無料、プライベート、即時です。インストールするデスクトップアプリも、作るアカウントも、作業を漏らすリスクのあるアップロードのステップもありません。2倍レンダリングにより、Web、印刷、アプリのアセットに適した高解像度PNGが得られ、プロセス全体は数秒で完了します。プラットフォームがPNGを求め、手元にSVGしかないとき、きれいな変換を得る最も速い方法です。
Real-world use cases
- Blog and e-commerce: Shrink product photos from 4MB to ~200KB before upload. Your pages load faster and Google PageSpeed scores improve.
- Email and forms: Many inboxes reject >10MB attachments. Compress once and you reliably stay under limits.
- Portfolio and social: Keep visual quality high at 75-85% while cutting bandwidth for viewers on mobile data.
How it compares
| Tool | Upload required | Privacy | Batch | Cost |
|---|---|---|---|---|
| This tool | No | 100% local | 1-by-1 (high quality) | Free |
| TinyPNG/Squoosh | Yes / No | Server or local | Yes | Freemium |
| Photoshop | No | Local | Yes | Paid |
For sensitive images or quick one-offs, a local browser tool wins on privacy and speed. For massive bulk jobs, a desktop app may be faster.
Pro tips
- For photos, try quality 78-82% first. You usually save 60-70% size with no visible loss.
- Scale down dimensions before lowering quality. A 4000px photo at 2000px is 4x smaller even at high quality.
- Keep a backup of the original. You can always re-export at lower quality, but you cannot recover detail after saving over the original.