レスポンシブロゴをsvgファイル1つで実現する - Qiitaこの記事の概要 レスポンシブロゴをご存じでしょうか。 デスクトップからスマートフォンまで、どんなサイズのディスプレイにロゴが表示されるかは予想がつきません。 同じ見た目のロゴを拡大縮小しても、あまり見目良くならない場合もあるでしょう。 そのためレスポンシブロゴと呼ばれる手法でロゴのバリエーションを定義する企業・サービスもあります。 ただ、これを実現するために毎回srcsetに複数のパスを指定するのも面倒です。1 クライアントにたくさんの種類のロゴを渡して「〇px以下のときはこちらを使ってください」などとお願いするのも申し訳がありません。 というわけで、1つのsvgファイルだけでレスポンシブロゴを実現する方法を記事にしました。 作り方 各パターンのロゴの用意 まずは、すべてのサイズごとのロゴを作ります。 今回は分かりやすいようにLarge Medium Smallの3種類のテキストを並べてい
