画像

SVG → PNG 変換

ベクターを任意倍率で鮮明な PNG に。ブラウザ内で完結。

SVGをPNGにオンライン変換

SVGファイルをドロップするかマークアップを貼り付け、倍率(1×、2×、4×または正確なピクセル幅)を選択し、鮮明なPNG、WebP、JPGをダウンロードします。ベクター入力、ピクセル出力 — ブラウザ内でローカルにレンダリングされ、何もアップロードされません。

SVG to PNGはベクターグラフィックをラスタライズし、どこでも使えるピクセル画像に変換します — 印刷所がPNGを希望するロゴ、SVGアップロードを拒否するプラットフォームのアイコン、スライドデッキの図表、ソーシャルネットワークがレンダリングできるog:imageなど。.svgファイルをドロップするかマークアップを直接貼り付け、1倍、2倍、4倍、または正確なピクセル幅を選択し、PNG、WebP、JPGをダウンロードできます。

SVGは解像度に依存しないため、エクスポート時に出力のシャープネスを自分で決められます。Retinaディスプレイの目安は表示サイズの2倍です。このコンバーターはブラウザ上で完全に動作し、Web上でSVGを表示するのと同じレンダリングエンジンを使用します。ライブプレビューで見たものが正確に出力され、アートワークがデバイスから出ることはありません。

よくある質問

ツールがSVGをレンダリングできないと言うのはなぜ?

よくある2つの原因:マークアップが有効なXMLでない(閉じタグがない)、または外部リソース(リモート画像、外部スタイルシート、Webフォント)を参照している — セキュリティのためブラウザがラスタライズ時にブロックします。すべてをインライン化すれば変換されます。

PNGのサイズは?

SVG自身の幅/高さ(またはviewBox)が基本サイズを定義し、スケールがそれを乗算します。240×140のSVGを2倍にすると480×280になります。洞察ラインにはダウンロード前の正確な出力が表示されます。

なぜ2倍や4倍でエクスポートするのですか?

高ピクセル密度の画面では1倍画像が少しぼやけて見えます。CSS表示サイズの2倍でエクスポートするのが、ロゴやアイコンを鮮明にする標準的な方法です。4倍は印刷や大きなヒーロー画像向けです。

透明度は保持されますか?

はい — PNGとWebPはSVGの透明背景を保持します。JPGにはアルファがないため、自動的に白い背景になります。

SVG内のテキストを変換できますか?

はい、テキストがシステムで利用可能なフォントを使用している場合、またはデザインツールでパスに変換されている場合(パスはどこでも同じようにレンダリングされます)。

ファイルの代わりにSVGコードを貼り付けられますか?

はい — テキストエリアは生のマークアップを受け付け、デザインツールやドキュメントからコピーしたアイコンに便利です。入力に応じてプレビューが更新されます。

最大出力サイズはありますか?

カスタム幅は8192pxに制限されており、印刷や壁紙用途をカバーします。非常に大きな書き出しはデバイスのメモリに依存します。

ファイルはアップロードされましたか?

いいえ。SVGはブラウザ自体でローカルキャンバスにレンダリングされます。どこにも送信されず、読み込み後はオフラインでも動作します。