独å¦ã§æ¥µã‚ã‚‹ “Webデザインâ€ã®æŠ€ã¨å¿ƒï¼šç¬¬10回　CSS Spritesã§ã‚µã‚¤ãƒˆã‚’高速化｜gihyo.jp … 技術評論社今日ã¯ã€CSSを使ã£ã¦ã‚µã‚¤ãƒˆã‚’高速化ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€ŒCSS Sprites（CSSスプライトâ ）â ã€ã«ã¤ã„ã¦ã®ãŠè©±ã‚’ã•ã›ã¦ã„ãŸã ãã¾ã™ã€‚ サイトã®é«˜é€ŸåŒ–ã¨ã„ã†ã¨ã€ãƒ—ãƒã‚°ãƒ©ãƒ ã®æœ€é©åŒ–ã‚’è¡Œã£ãŸã‚Šã€ã‚µãƒ¼ãƒã®ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã‚’è¡Œã£ãŸã‚Šã¨ã„ã†ã‚¤ãƒ¡ãƒ¼ã‚¸ãŒã‚ã‚‹ã‹ã¨æ€ã„ã¾ã™ã€‚実ã¯CSSを上手ã«ä½¿ã†ã“ã¨ã«ã‚ˆã£ã¦ã‚‚ã€ã‚µã‚¤ãƒˆã®é«˜é€ŸåŒ–ã‚’è¡Œã†ã“ã¨ãŒã§ãã¾ã™ã€‚ã—ã‹ã‚‚ã€ã‹ãªã‚Šã®åŠ¹æžœãŒæœŸå¾…ã§ãã‚‹ã®ã§ã™ã€‚ CSS Spritesã¨ã¯ï¼Ÿ 通常ã€ã‚¦ã‚§ãƒ–ページを制作ã™ã‚‹å ´åˆã€ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ•ã‚¡ã‚¤ãƒ«ï¼ˆpsdã‚„pngãªã©ã®ç”»åƒï¼‰ã‚’スライスã—ã€HTMLã®imgè¦ç´ ã¨ã—ã¦åŸ‹ã‚込んã ã‚Šã€CSSã®èƒŒæ™¯ç”»åƒã¨ã—ã¦æŒ‡å®šã—ã¦ã„ã‚‹ã“ã¨ã¨æ€ã„ã¾ã™ã€‚ ãれらã®ç”»åƒã‚’一ã¤ã«ã¾ã¨ã‚ã€ï¼‘度ã®èªã¿è¾¼ã¿ã§ã®ãƒªã‚¯ã‚¨ã‚¹ãƒˆæ•°ã‚’減らã™ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã®ã“ã¨ã‚’「CSS Spritesã€ã¨å‘¼ã³ã¾ã™ã€‚ ã“ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¯ã€ä»¥å‰ã‹ã‚‰ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’実ç¾ã™ã‚‹éš›ã«ã‚‚使ã‚ã‚Œã¦ã„ãŸã‚‚ã®ã§ã‚‚ã‚ã‚Šã¾
{{#tags}}- {{label}}
{{/tags}}