什么是雪碧圖?
相信搞前端的大多數(shù)都聽過雪碧圖這么一個(gè)神奇的名字,有些人知道它是做什么的,但是有些人不知道它為什么叫雪碧圖,今天我就帶領(lǐng)大家來重新認(rèn)識(shí)一下雪碧圖:
1. 什么是雪碧圖
雪碧圖乍一聽可能不知所然,因?yàn)檠┍淌且环N汽水,和圖片又有什么關(guān)系呢?那我們就來講一講它到底是個(gè)什么?它其實(shí)就是把很多小圖片集合在一起放到了一張大圖片里面,就像下面這樣:
可以看到通常都是一些圖標(biāo)類的圖片,這是因?yàn)閳D標(biāo)一般比較符合“小”圖片的定義:
然后用到哪個(gè)圖的時(shí)候就用背景圖定位來定位到具體的位置:
當(dāng)然了,黑框只是個(gè)示意,實(shí)際上既不會(huì)讓用戶看見黑框,也不會(huì)讓用戶看到其他的圖片,就像這樣:
2. 小結(jié)
綜上所述,雪碧圖其實(shí)就是將一些小圖片集合起來放在一張大圖片上。
這個(gè)概念其實(shí)很簡單,并不像其他那些專業(yè)名詞那么難理解。
但令人費(fèi)解的并不是雪碧圖到底是什么,而是雪碧圖和雪碧之間到底有什么說不清道不明的聯(lián)系?
為啥不叫可樂圖或者啤酒圖呢?難不成發(fā)明這玩意的人愛喝雪碧?
欲知后事如何,且看下一小節(jié)。