SVGをPNGに変換
ベクターファイルを、必要なサイズでくっきりしたPNGに変換します。
- お使いのデバイス上で実行 — ファイルはどこにも送信されません
- 登録不要、透かしなし、1日の上限なし
- 無料で、利用回数の制限もありません
仕組み
SVGはベクター形式で、固定の解像度がなく、表示されるサイズで新たに描画されます。ウェブでは望ましい特性ですが、書類、プレゼンテーション、アプリストアの掲載、セキュリティ上の理由でSVGのアップロードを拒否するサービスなど、本物の画像が必要な場面ではまさに通用しません。
サイズは変換時に決める
元データがベクターなので、PNGは、小さなものから拡大されるのではなく、指定した幅で描画されます。2048 pxで書き出したものも、256 pxのものと同じようにくっきりしており、拡大処理も甘さもありません。
どの幅を選ぶか
表示される最大のサイズに合わせ、高精細(高ピクセル密度)の画面向けにはその2倍にしてください。Retinaディスプレイで幅200 pxで表示するロゴには、400 pxのファイルが必要です。
透明度は維持されます
SVGの透明な部分は、PNGでも透明のままです。ロゴやアイコンには望ましい動作です。単色の背景が必要な場合は、元のファイルに背景を追加してください。
フォントと外部参照
SVGはお使いのブラウザによって、隔離された環境でレンダリングされるため、ネットワークから何も取得できません。セキュリティには良いことですが、ウェブフォントや外部の画像を参照しているファイルは、それらなしで表示されるということでもあります。書体が重要な場合は、先にデザインツールでテキストをアウトライン化してください。
SVGをPNGに変換:よくある質問
PNGはぼやけませんか?
いいえ。ベクターは指定したサイズで直接描画されるため、拡大処理はありません。
透明度は維持されますか?
はい。SVGの透明な部分は、PNGでも透明のままです。
なぜテキストが表示されない、または別のフォントになるのですか?
SVGはネットワークに接続せずにレンダリングされるため、ウェブフォントや外部の画像は読み込まれません。書き出す前にテキストをアウトライン化してください。
ファイルはアップロードされますか?
いいえ。レンダリングはブラウザ上で行われます。