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