前の記事SVGファイルの最適化 SVG後編 SVGファイルの手動調整SVGの仕様や挙動を理解すると、IllustratorやFigmaなどツールから出力されたSVGを手動で整理できるようになります。いくつかのポイントを見てみましょう。2020年11月26日(416号)小山田 晃浩フロントエンド・エンジニア 目次 はじめに 小数点以下の精度が必要かの検討 fill=“#000000”の省略 同じ属性や結合できる属性をまとめて指定 fillやstrokeなどの属性は継承させる パスを結合する パスを結合せずに専用の要素を利用する transform属性を別の方法に置き換える translateよりもx、yを利用する matrixを焼き付ける Illustrator書き出し時の不要な属性の削除 クリッピングマスクの整理 viewBox属性の省略 xmlns属性の省略 まとめ シェア この記事を読むには購読の手続きが必要です購読の手続きへ購読済みの方はログイン月額880円(税込)初めてお申し込みの方は、30日間無料でお使いいただけます
Webフォント/アイコンフォントGoogle Fontsで学ぶWebフォントの基本 最終回2026年03月26日無料公開中 next/font/googleの詳細設定藤田 智朗フロントエンド・エンジニア