SVG変換
ベクターファイルから好きなサイズの鮮明な画像を。
ブラウザ内で動作します。ファイルが端末から出ることはありません。
- 幅を自由に指定
- PNGは透明度を保持
- 一括変換
SVGファイルを変換する方法
- ここにSVGファイルをドロップします。
- 形式と幅（ピクセル）を選びます。
- 画像をダウンロードします。
SVGに合う形式
| 形式 | 最適な場面 |
|---|---|
| PNG | 透明度を保ちたい |
| JPG | 最小のファイル、単色背景でよい |
| WEBP | Webサイトへのアップロード |
| ICO | ファビコンやWindowsアイコンの作成 |
SVGの最大の弱点：まだ拒否される場所がある
ベクター画像はアイコンセット、ロゴ、シンプルなイラストのほとんどが実際に作られている素材そのものであり、FigmaやIllustratorなどのデザインツールでSVGが標準の書き出し形式になっているのはそのためです。
問題は、SVGがスクリプトや外部参照を含められることで、多くのSNSや多くのコンテンツ管理システムを含む数多くのプラットフォームが、安全のためSVGのアップロードを完全にブロックしている点です。ピクセル形式に変換すれば、そのブロックを完全に回避できます。
サイズは画像の使い先で決まる
幅を空欄にするとSVG本来のサイズが使われ、大きいサイズで鮮明にしたい場合は大きな数値を入力します。ベクター画像は指定したサイズでその都度新しく描画されるため、気にすべき上限は事実上ありません。
ICOへの変換だけは、元がすでにほぼ正方形であることが望ましい唯一のケースです。縦長や横長のロゴは、引き伸ばされるのではなく、周囲に余白が追加されて中央に配置されます。
SVG変換のFAQ
そもそもなぜSVGを変換する必要があるのですか？
多くのアプリ、SNS、アップロードフォームはSVGを受け付けません。同じアートワークのPNGやJPGならどこでも使えます。
どの幅を選べばいいですか？
表示するサイズを選び、高解像度の画面向けにはその2倍にしましょう。例えば600ピクセルの枠に表示するなら1200ピクセルにします。
SVGからファビコンを作れますか？
はい。ICOを選ぶと、ファビコンとして使えるマルチサイズのアイコンファイルが得られます。
JPG出力でもSVGの透明な部分は保持されますか？
いいえ、JPGには透明度がないため、そうした部分は選んだ背景色で塗りつぶされます。PNGとWEBPは透明度を保持します。
内部にラスター画像を埋め込んだSVGも変換できますか？
はい、埋め込まれた画像がSVGファイル内のデータURLであれば可能です。ほとんどのデザインツールはこの方法で書き出します。外部リンクされたファイルは読み込まれないことがあります。
ICOに変換するとき、含めるアイコンサイズを選べますか？
はい、出力にICOを選ぶと16から256ピクセルまでの各サイズにチェックボックスが表示され、含めるものを選べます。