XDをSVGに変換するとどうなるか
- XD ファイルは、ファイル内に保存されたプレビュー画像(最初のページ、最大約 2000 px)から変換され、再レンダリングはしません。
- XDをトレースしてベクター図形にします。色の領域がなめらかなパスになり、どんなサイズでもくっきり表示されます。
- ロゴ、アイコン、イラスト、文字、クリップアートに最適です。写真はポスター風のイラストになります。
- 残す色数を選べます。「1色(シルエット)」は透明な背景に黒い図形を1つ作るので、Cricutなどのカッティングマシンに最適です。
- 透明部分はそのまま保たれます。
XDとSVGの比較
| 項目 | XD | SVG |
|---|---|---|
| 圧縮 | ベクター | ベクター |
| 透明部分 | 対応 | 対応 |
| アニメーション | 非対応 | 非対応 |
| 色数 | 16.7M | 16.7M |
| おすすめの用途 | UI とプロトタイプ | ロゴやアイコン |
XDをSVGに変換する方法
- 上のボックスにXDファイルをドロップするか、クリックしてファイルを選びます。複数まとめて追加できます。
- 必要ならオプションを調整します。ほとんどのファイルは初期設定のままで問題ありません。
- SVGファイルごとに「ダウンロード」を押すか、「すべてダウンロード」でZIPを受け取ります。
よくある質問
ここでファイルを変換しても安全ですか?
はい。変換はすべてブラウザ内で行われます。ファイルがサーバーにアップロードされることはないので、ほかの人に見られることはありません。
無料ですか?制限はありますか?
完全に無料で、登録、透かし、1日の上限はありません。とても大きなファイルの場合だけ、端末のメモリが上限になります。
XDファイルをまとめて変換できますか?
はい。好きなだけドロップしてください。順番に変換され、すべてをZIPでダウンロードできます。
XDをSVGに変換すると画質は落ちますか?
SVGは図形で描き直されるので、拡大してもぼやけません。ただし細かいディテールやグラデーションは単色に単純化されます。より細かく残したいときは「高精細」と多めの色数を選んでください。
SVGは透明部分を保持しますか?
はい。SVGは透明に対応しており、そのまま保たれます。
レイヤーは残りますか?
いいえ。ファイルは見たとおりの 1 枚の画像に統合されます。レイヤーが必要な場合は元のファイルを保管してください。
XD の画像がデザインより小さいのはなぜですか?
XD は各ファイル内にプレビュー画像を保存しており、変換されるのはそのプレビューです。フルサイズやアートボードごとに書き出すには、アプリ本体から書き出してください。
本物のベクターSVGですか?
はい。SVGにはIllustrator、Inkscape、Figma、Canvaで編集できるパスが入っています。画像をSVGで包んだだけのものではありません。
CricutやSilhouetteで使えますか?
使えます。カット1層なら「1色(シルエット)」、重ねカットなら少なめの色数を選んでください。色ごとに別のパスになります。