PORTFOLIO & WEB DESIGN MEMORANDOM BLOG
PORTFOLIO & WEB DESIGN MEMORANDOM BLOG
【WEB DESIGN】SVGOMGでSVGファイルを最適化
以下は、SVGファイルを作成し、SVGOMGでファイルを最適化する一連の流れの説明文です。
1.SVGファイルの作成
任意のグラフィックデザインソフトウェア(例:Adobe Illustrator、Inkscapeなど)やテキストエディタを使用して、SVGファイルを作成します。SVGファイルが正しく保存されていることを確認してください。
2.SVGOMGでファイルを開く
ウェブブラウザで SVGOMG (https://svgomg.net/)にアクセスします。
ページが表示されたら、画面中央の「Open SVG」ボタンをクリックし、先ほど作成したSVGファイルを選択します。
3.Prettify markupをチェック:
画面右側の「Settings」セクションを確認します。
「Prettify markup」というオプションを見つけ、チェックボックスにチェックを入れます。この設定により、SVGコードが見やすい形式に整えられます。
4.SVGファイルのダウンロード
画面右上にある「Download」ボタンをクリックします。
ダウンロードが完了したら、最適化されたSVGファイルが保存されます。
この手順に従えば、作成したSVGファイルを効率的に最適化し、きれいなコードに整えることができます。
MILMONA MILMONA MILMONA MILMONA MILMONA
MILMONA MILMONA MILMONA MILMONA MILMONA