通常CSSのbackgroundでは、url関数に画像ファイルのパスを指定して読み込みますが、Data URIスキームを使用して画像そのものを埋め込むことができます。 Data URIスキームそのものは、文字列や画像などのリソースデータをURIで表すことのできる仕組みのことです。 書式はdata:MIME Type,タグで、MIME Typeは画像形式がPNGの場合は「image/png」、タグは画像をBase64に変換した文字列を指定します。 コード例: CSS .sample { width:100px; height:100px; background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAACXBIWXMAAAsSAAALEgHS3X78AAAEtElEQVR4nO2dzX