2/3 ç”»åƒã®ä¸‹ã«è¬Žã®éš™é–“ãŒã§ãã‚‹ã®ã‚’防ã方法 [ホームページ作æˆ] All Aboutç”»åƒã®ä¸‹ã«è¬Žã®éš™é–“ãŒã§ãã‚‹ã®ã‚’防ã方法(2ページ目)背景色を付ã‘ãŸãƒœãƒƒã‚¯ã‚¹å†…ã«ç”»åƒã‚’é…ç½®ã—ãŸéš›ãªã©ã«ã€ç”»åƒã®ä¸‹ã«ä½™è¨ˆãªç©ºç™½ãŒè¦‹ãˆã¦ã—ã¾ã†ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ã“ã®ä½™ç™½ã¯ã€ã€Œç”»åƒã®ä¸‹ç«¯ã€ãŒã€Œæ–‡å—ã®ãƒ™ãƒ¼ã‚¹ãƒ©ã‚¤ãƒ³ã€ã«æƒãˆã¦è¡¨ç¤ºã•ã‚Œã‚‹ã“ã¨ãŒåŽŸå› ã§ã™ã€‚CSSを使ã£ã¦ã€Œç”»åƒã®ä¸‹ç«¯ã€ã‚’「行ã®ä¸‹ç«¯ã€ã«æƒãˆã‚‹ã‚ˆã†è£…飾ã™ã‚Œã°ã€è¬Žã®ä½™è¨ˆãªéš™é–“を消ã™ã“ã¨ãŒã§ãã¾ã™ã€‚ ã“ã®ã€Œç”»åƒã®ä¸‹ã«è¦‹ãˆã‚‹ä½™ç™½ã€ã¯ã€ãªãœã§ãã¦ã—ã¾ã†ã®ã§ã—ょã†ã‹ï¼Ÿãã®åŽŸå› ã¯ã€ã€Œç”»åƒã®ä¸‹ç«¯ã¯ã€ãƒ™ãƒ¼ã‚¹ãƒ©ã‚¤ãƒ³ã«æƒãˆã¦è¡¨ç¤ºã•ã‚Œã‚‹ã€ã¨ã„ã†ä»•æ§˜ãŒã‚ã‚‹ã‹ã‚‰ã§ã™ã€‚ 日本語文å—ã®å ´åˆã¯ã©ã®æ–‡å—も下端ã®ä½ç½®ã¯å…±é€šãªã®ã§æ°—ã«ã™ã‚‹ã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€ã‚¢ãƒ«ãƒ•ã‚¡ãƒ™ãƒƒãƒˆã§ã¯ä¸‹å›³ã®ã‚ˆã†ã«ã€Œæ–‡å—ã®ä¸‹ç«¯ã€ãŒç•°ãªã‚Šã¾ã™ã€‚ 上図ã®èµ¤è‰²ã®ç·šã®ã“ã¨ã‚’「ベースラインã€ã¨å‘¼ã³ã¾ã™ã€‚アルファベットã®å¤šãã®æ–‡å—ã¯ã€ã“ã®ãƒ™ãƒ¼ã‚¹ãƒ©ã‚¤ãƒ³ã«ä¸‹ç«¯ãŒæƒã„ã¾ã™ã€‚ã—ã‹ã—ã€å°æ–‡å—ã®ã€Œgã€ã‚„「jã€ã‚„「yã€ãªã©ã®ä¸€éƒ¨ã®æ–‡å—ã¯ã€
![2/3 ç”»åƒã®ä¸‹ã«è¬Žã®éš™é–“ãŒã§ãã‚‹ã®ã‚’防ã方法 [ホームページ作æˆ] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/07356548dced5830ac122644793311a373810346/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F2%2F3%2F8%2F8%2F9%2Ftopimg_original.png)
ç„¡æ–™å†™çœŸç´ æサイトã¾ã¨ã‚
CSSスプライトã«ã¤ã„ã¦ã‚ã‚Œã“れ。
JPEGç”»åƒã‚’劣化ã•ã›ãšã«è»½é‡åŒ–ã™ã‚‹ã€ŽJPEGminiã€ãŒã‚¹ã‚´ã™ãŽã‚‹ - blog | roughtab
見ãŸç›®ã¯ãã®ã¾ã¾ã§ã€JPEGç”»åƒã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºã‚’1/5ã«è»½é‡åŒ–ã™ã‚‹ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚µãƒ¼ãƒ“ス -JPEGmini | コリス
GoogleãŒJPEGã«ä»£ã‚ã‚‹æ–°ç”»åƒãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã€ŒWebPã€ã‚’発表ã€ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºãŒå°ã•ãウェブã®è¡¨ç¤ºãŒé«˜é€ŸåŒ–
{{#tags}}- {{label}}
{{/tags}}