画像にbase64をかけてhtmlやCSSに埋め込む | Branberyheag!! Lab画像にbase64（Data URIs）をかけてHTMLやCSSに埋め込む方法って、知らなかった。。。HTTPリクエストを減らせるので、軽量化に役に立ちそうだったので、メモ。 <img src="http://hogehoge.jp/hoge.png"> と書いていたものを <img src="data:image/png;base64,iVBORw0KGgo...."> と書けるようだ。 オンラインツールでひとつひとつ変換するのもいいけど、PHPで変換すればアップロードのみで対応ができそう。 <?php $img = file_get_contents( 'http://hogehoge.jp/hoge.png' ); if ( $img !== false ) { $img = base64_encode( $img ); } ?> 上記はあくまでもサンプルだけど、これを関数にしてht
