SVG→PNG変換ツール
どんなSVGも、必要なサイズぴったりのくっきりしたPNG・JPG・WebP・ファビコンICOに変換できます。ファイルはアップロードされません。
- アップロード不要
- オフライン対応
- 無料・登録不要
- ファイルはブラウザの外に出ません
SVGファイルをここにドロップ
またはエディターにSVGコードを貼り付けてください。 複数のファイルを同時に開けます。
SVGはこのデバイスに残ります。何もアップロードされません。
SVG→PNG変換ツールの使い方
- 1
SVGを追加
ファイルをドロップするか、SVGコードを貼り付けます。複数のファイルをドロップしてまとめて書き出すこともできます。
- 2
形式とサイズを選ぶ
PNG・JPG・WebP・ICOから選び、1×〜4×の倍率か、ピクセル単位で幅と高さを指定します。
- 3
ダウンロード
ダウンロードをクリックするか、PNGをクリップボードにコピーしてFigma、Slack、ドキュメントに貼り付けます。
SVGをPNGに変換すべきとき
SVGはWebに最適ですが、ラスター画像しか受け付けない場面はまだ多くあります。メールマガジン、Microsoft Office、SNSへのアップロード、アプリストアの掲載、多くのCMSの画像欄、古いデザインツールなどです。PNGに変換すれば、透明度を保ったままどこでも使えるファイルになります。
透明度が不要で最小のファイルにしたいならJPG、最新のWebサイトにはWebP、複数サイズを1つにまとめた従来型のfavicon.icoが必要ならICOを選んでください。
くっきりした高解像度PNGを作るには
PNGのピクセル数は固定なので、表示する最大のサイズで書き出してください。Retinaや高解像度ディスプレイ向けには表示サイズの2倍か3倍を使います。viewsvgは小さなビットマップを引き伸ばすのではなく、目的のサイズでベクターを描き直すので、4096pxでも64pxと同じくらいシャープです。
SVGにwidthとheightがない場合は、viewBoxが基準サイズになります。幅か高さを入力すると、もう一方は縦横比に合わせて自動で決まります。
SVG作業に必要なものがすべて揃っています
SVG→PNG変換ツールは、SVGファイルの表示・編集・最適化・変換をひとつにまとめたワークスペースの一部です。登録不要、広告なし、アップロードなし。
すぐにプレビュー
最大6400%までズーム、パン、画面に合わせる表示、透明・白・黒・任意の背景色でSVGを確認できます。
ライブコードエディター
シンタックスハイライト、エラー行の表示、整形と圧縮、検索、完全な元に戻す履歴。
アウトラインとピクセルグリッド
アウトラインモードですべてのパスを確認し、拡大時はグリッドでピクセルの位置合わせをチェックできます。
情報の確認
ファイルサイズとgzipサイズ、viewBox、ホバーでハイライトされる要素ツリー、ワンクリックの色置き換え。
SVGOで最適化
前後のプレビューを比べながら、精度を調整してファイルを軽量化。開いているすべてのファイルを一括最適化できます。
PNG・JPG・WebP・ICO
最大16384pxまで任意のサイズで、透明度を保ったまま書き出し。PNGを直接クリップボードにコピーすることもできます。
React・Vue・Svelte
currentColorやpropsに対応した、きれいなJSX/TSX、React Native、Vue、Svelteコンポーネント。
複数ファイルを同時に
多数のSVGをタブで開き、一括最適化したり、SVGやPNGのZIPとしてダウンロードできます。
プライベート＆オフライン
アップロードもアカウントも不要。作業内容はブラウザに保存され、初回訪問後はオフラインでも動作します。
よくある質問
背景が透明なPNGにSVGを変換するには？
SVGを開き、PNGを選んで背景を「透明」のままにします。PNGとWebPは透明度を保持します。JPGには透明度がないため、別の色を選ばない限り白い背景になります。
PNGの解像度はどうなりますか？
指定した任意の解像度です。SVGはベクター形式なので、viewsvgは目的のサイズで描き直します。4×や4096pxで書き出してもシャープなままです。
SVGからfavicon.icoを作れますか？
はい。ICOを選び、含めるサイズ（16、32、48、64、128、256）を選択してください。viewsvgがそれらを1つの.icoファイルにまとめます。
複数のSVGをまとめてPNGに変換できますか？
はい。複数のファイルを開き、「すべてのファイル → すべてPNGで書き出し（ZIP）」を使うと、各ファイルを2倍サイズのPNGにして1つのZIPでダウンロードできます。
SVGファイルはどこかにアップロードされますか？
いいえ。viewsvgは完全にブラウザ内で動作します。ファイルの読み込み、表示、最適化、変換はすべてお使いのデバイス上で行われ、サーバーには何も送信されません。初回訪問後はオフラインでも使えます。
viewsvgは無料ですか？
はい。すべての機能が無料で、登録不要、透かしなし、ファイル数の制限もありません。