シンタックスハイライトとリアルタイムプレビューに対応したSVGコードエディタ
ブラウザSVGツール • アップロードなし • ローカルで表示・編集
SVGビューア＆エディタ - オンラインでSVGを表示、編集、最適化
ブラウザSVGビューア＆エディタ。SVGファイルをレンダリング、検査、最適化。
オンラインSVGビューア＆エディタ
Next BConvert SVGビューアは、ブラウザでSVGファイルの表示、編集、最適化ができるツールです。処理はすべてデバイス上でローカルに行われ、ファイルがブラウザの外へ送信されることはありません。
使い方
- 1.SVGコードをエディタに貼り付けるか、.svgファイルをアップロードします
- 2.右側のパネルでレンダリングされたSVGをリアルタイムに確認します
- 3.ツールバーでSVGを最適化、整形、変換します
- 4.SVG、React、PNG、Data URIなど必要な形式で書き出します
機能
品質を保ちながらファイルサイズを削減するSVG最適化
読みやすく整ったSVGコードにするフォーマッター
回転、水平反転、垂直反転に対応した変換ツール
React JSX、React Native、PNG、Data URIへのエクスポート
細部を確認するためのズーム操作
よくある質問
SVGとは何ですか？
SVG（Scalable Vector Graphics）は、2次元グラフィックス向けのXMLベースのベクター画像形式です。PNGやJPGと異なり、品質を保ったまま拡大縮小でき、アイコンやロゴ、イラストに適しています。
SVGデータはサーバーにアップロードされますか？
いいえ。SVGの処理はすべてクライアントサイドJavaScriptによってブラウザ内で行われます。ファイルやコードがデバイスの外へ送信されることはありません。
SVG最適化では何が行われますか？
冗長なメタデータやコメント、不要な属性を削除し、パスを簡略化して、見た目を保ちながらファイルサイズを小さくします。
SVGをReactコンポーネントに変換できますか？
はい。エクスポートメニューからReact JSXまたはReact Native SVGコンポーネントへ変換でき、属性名もReactの規約に合わせて自動変換されます。