大石制作ブログblog.s004.com デザイナー大石真也が 知りたかったこと、見たかったことのメモと、仕事紹介。 自己紹介・サイト説明依頼・価格・お問合せタスク管理パートナーtwitterfacebookatom feed SVG、すっかりどこでも見かけるようになりましたね。近年、僕が仕事で作るサイトでもロゴや主要なアイコン画像を中心に、積極的に使うようになりました。 ファイルサイズ、解像度、動的な扱いやすさ等で、これまでのJPEG、PNG、GIFに比べたメリットの多いSVGだけど、とにかく取扱がめんどうに感じるのが正直なところです。 Bootstrap3→4への変化でCSSへのインラインSVG埋め込みに変わった箇所をみつけた HTML/CSS/JSフレームワークのBootstrapのバージョン3と4のコードを見比べてたとき、メニューボタンのアイコン( こんなの→ )がバージョン3まで
![SVGデータをCSSのbackground-image向けのBase64コードにかんたん変換ツール | 大石制作ブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/ff9ee66cf5f7a343f03f540d3b9d318d504a6f1d/height=288;version=1;width=512/https%3A%2F%2Fblog.s0014.com%2Fposts%2F2017-01-19-il-to-svg%2Fcatch.png)