こんにちは、@yoheiMuneです。 Webページを作る際に、CSSに使う画像をSprite化するのが良いのか、Base64エンコーディングしてCSSに埋め込むのが良いのか、 最近良く議論になります。 今回は、その議論をじっくりと考えてみた結果をブログに書きたいと思います。 背景 仕事でWebベースのゲームやSNSを作成することが多くあります。 HTML,JavaScript,CSS,画像を使って、画面を構成する仕組みです。 そんな仕事で、最近良く以下のような話題が聞かれます。 アプリケーションで利用するアイコンやボタン背景画像などを、Base64エンコーディングしてCSSに埋め込むべき? それとも、Sprite画像にして読み込むべき? この話題は、既に話しまくられている話題かもしれませんが、自分なりに考えて結論を出してみたかったので、今回考察しました。 考察した結論 結論から申し上げま
![[CSS] CSSで利用する画像をSpriteにするかBase64にするかを考察してみた - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/4d025f9ce3e0fffbd53497eff09d202f966b1646/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F187.jpg)