ç”»åƒã«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
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Loading...
{{#tags}}- {{label}}
{{/tags}}