Nouplo

SVGをPNGに変換する

SVGを受け付けないサービス向けに、ベクター画像をどこにも送らずに鮮明なビットマップにします。

ここにファイルをドロップ

またはクリックして端末から選択対応形式: SVG

1回あたり3ファイルまで1ファイル20 MBまで1日5回までProで制限を解除✓ オフラインでも利用可能

ファイルは端末の外に出ません

このツールはブラウザ内だけで動作します。アップロードも保存も行わないため、処理を始める前にインターネット接続を切っても問題ありません。

使用例

例：店のロゴSVG（300×100）を、ネットショップ用と印刷用のPNGに

デザイナーから受け取った店のロゴ logo.svg（width="300" height="100"、左にカップのマーク、右に店名）。ネットショップの商品ページの管理画面はSVGを受け付けず、チラシを作る古いバージョンのOfficeでも使えません。店名の文字はアウトライン化（パスに変換）済みです。

例：店のロゴSVG（300×100）を、ネットショップ用と印刷用のPNGに — 処理前
処理前
例：店のロゴSVG（300×100）を、ネットショップ用と印刷用のPNGに — 処理後
処理後
  1. logo.svgをドロップし、倍率は初期設定の「2x（Retina向け）」のまま「PNGに変換」を押します。600×200ピクセルのlogo@2x.pngができます。
  2. チラシ用に、倍率を「4x（印刷・大画面向け）」にしてもう一度変換します。1200×400ピクセルのlogo@4x.pngになります。
  3. SVGで何も描かれていない部分は透明のままなので、色のついた背景の上にも白い四角なしで置けます。
倍率 PNGのサイズ ファイル名 向いている使い道
1x 300×100logo@1x.png元の大きさで表示する画面
2x 600×200logo@2x.pngネットショップ、スライド（高解像度の画面でもくっきり）
4x 1200×400logo@4x.pngチラシなどの印刷物

チラシにロゴを幅8cmで印刷するなら、300dpiで約945ピクセル必要です。4xの1200ピクセル幅なら足りますが、2xの600ピクセルでは約190dpiになり、ぼやけて見えることがあります。用途ごとに倍率を選んで書き出してください。

使い方

  1. .svgファイルをボックスにドロップするか、端末から選択します。
  2. 倍率を選びます。1xはSVGに記載された幅と高さで描画し、2xは高解像度ディスプレイ向けに縦横を2倍、4xは印刷向けの大きな画像になります。
  3. 「PNGに変換」を押します。SVGはブラウザ自身のレンダラーでキャンバスに描画され、PNGとして書き出されます。
  4. PNGファイルを1枚ずつまたはZIPでダウンロードします。

よくある質問

SVGをPNGにする必要があるのはどんなときですか？
SVGは拡大しても劣化しないベクター形式ですが、SNSのプロフィール画像、ほとんどのメールソフト、古いバージョンのOffice、アプリストア、ECサイト、多くのCMSのアップロード画面では受け付けられません。PNGならどこでも使え、透過背景も維持されます。
SVGはアップロードされますか？
いいえ。ファイルはお使いの端末のブラウザで描画され、ローカルでPNGに書き出されます。サーバーには何も送信されません。
PNGのサイズはどう決まりますか？
SVGのwidth・height属性、それがない場合はviewBoxが1xのサイズになります。2xや4xを選ぶとその倍数になります。たとえばviewBoxが512×512のSVGを4xで変換すると2048×2048のPNGになります。
背景は透過になりますか？
はい。SVGで描画されていない部分はPNGでも透明のままです。白背景が必要な場合は、変換後のPNGをさらにJPGに変換してください。
SVGの表示が崩れたり真っ白になるのはなぜですか？
外部の画像やフォント、スタイルシートを参照しているSVGは、サンドボックス化されたレンダラー内ではそれらを読み込めません。スクリプトも実行されません。フォントや画像はSVG内に埋め込むか、文字をアウトライン化してから書き出してください。
印刷に使うには、何倍を選べばいいですか？
必要なピクセル数は「印刷する幅（cm）÷2.54×300」が目安です。幅5cmなら約591ピクセル、幅10cmなら約1181ピクセルです。SVGのwidthが300なら4xで1200ピクセルになり、10cmまで足ります。SVGが小さいアイコン（たとえば32×32）で4xでも足りないときは、SVGのwidthとheightの数字を大きく書き換えてから変換すると、その大きさで描き直されます。
無料プランの制限を教えてください。
無料プランでは1回に3ファイル、1ファイル20 MBまで、1日5回までです。Proではこれらの制限がなくなります。

関連ツール

⇄ PNGをWebPに変換 サイトの画像を軽くしたいときに。透過を保ったまま、端末内だけでPNGをWebPにします。 ⇄ PNGをJPGに変換 10 MBのPNGを数百KBのJPGに。ファイルはどこにも送信されません。 ⇄ HEICをPNGに変換 iPhoneのHEIC画像を、これ以上の圧縮なしにPNGへ。アップロードは一切ありません。 ⇄ WebPをPNGに変換 透過もピクセルもそのまま。WebPの画像を端末内だけでPNGにします。