鍍金池/ 問(wèn)答/HTML5  HTML/ 剛學(xué)html和css想問(wèn)一下，一些可以用圖片代替的東西需要用代碼嗎？如圖

剛學(xué)html和css想問(wèn)一下，一些可以用圖片代替的東西需要用代碼嗎？如圖

像這個(gè)appstore，我是直接用這整個(gè)圖片直接插進(jìn)去好呢，還是寫(xiě)代碼只插白色蘋(píng)果這個(gè)圖片？請(qǐng)問(wèn)這兩種方法有什么利弊？

回答
編輯回答
夏木

為了減少瀏覽器響應(yīng)時(shí)間，能不用圖片最好不用圖片，因?yàn)閳D片文件也是需要請(qǐng)求的，減少瀏覽器響應(yīng)時(shí)間的一個(gè)優(yōu)化方案就是盡量減少http請(qǐng)求，這也是為什么很多網(wǎng)站都使用雪碧圖來(lái)把必須使用的圖片放在一張圖片的原因。

2017年5月6日 09:30
編輯回答
怣痛

圖片比css代碼大 別的基本可以忽略

2017年3月25日 16:13
編輯回答
孤慣

就插白色蘋(píng)果吧，如果組件化，只需要傳type(圖標(biāo))和文字就可以復(fù)用了

2018年6月24日 19:32
編輯回答
有點(diǎn)壞

沒(méi)差，看交互，一般來(lái)說(shuō)分開(kāi)寫(xiě) 圖是圖，字是字

2017年7月23日 09:53
編輯回答
法克魷
  • 圖片設(shè)計(jì)友好，可以達(dá)到美工能達(dá)到的任意效果，文字則依靠CSS格式化，效果有限。
  • 圖片修改不方便，每次要重畫(huà)圖片，文字和css改起來(lái)方便多了。
  • 圖片一般比文字要大，網(wǎng)頁(yè)加載變慢，文字加載快一些。
  • 如果要做動(dòng)畫(huà)，文字加CSS反而效果多一些，當(dāng)然如果只是兩張圖片切換的簡(jiǎn)單效果，圖片也勝任。

總之就是根據(jù)實(shí)際情況來(lái)權(quán)衡就可以了。

2017年3月29日 08:45