ç”»åƒã«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
CSSを使ã£ã¦ã©ã®ãƒ–ラウザã§ã‚‚フォントサイズを「％ã€ã§çµ±ä¸€ã•ã›ã‚‹æ–¹æ³• | colori
JavaScriptã§ã‚°ãƒ©ãƒ•è¡¨ç¤º - ç¾å ´ã®ãŸã‚ã®ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢é–‹ç™ºãƒ—ãƒã‚»ã‚¹ - ãŸã‹ã®ã‚Šæ—¥è¨˜
{{#tags}}- {{label}}
{{/tags}}