將響應(yīng)式設(shè)計(jì)應(yīng)用于網(wǎng)站時(shí)不要忘記圖像
一位程序員最近向社區(qū)詢問(wèn)了有關(guān)響應(yīng)式圖像的問(wèn)題。他們剛剛開(kāi)始使用響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)服務(wù),他們想知道他們可以做些什么,以確保他們?cè)诰W(wǎng)站上放置的圖像具有所有正確的響應(yīng)屬性。
一個(gè)人回復(fù)使用“圖片”標(biāo)簽和“來(lái)源”標(biāo)簽,以及每個(gè)標(biāo)簽如何工作的簡(jiǎn)要說(shuō)明。這個(gè)人還建議將“srcset”,“img”和“media”作為考慮投入使用的一些屬性。這位評(píng)論員提供了很多關(guān)于他們?nèi)绾卧谧约旱墓ぷ髦惺褂眠@些屬性和其他屬性的例子,但對(duì)于初學(xué)者來(lái)說(shuō),這些信息可能有點(diǎn)詳細(xì)和先進(jìn)。
另一個(gè)人回復(fù)了一個(gè)建議,即考慮在移動(dòng)瀏覽器和環(huán)境中哪些類型的圖像是響應(yīng)的。并非所有圖像都與所有圖像類型兼容。原始海報(bào)可能希望驗(yàn)證其圖像的文件類型,然后再繼續(xù)計(jì)劃對(duì)圖像屬性進(jìn)行大量編碼。
另一個(gè)人想知道是否值得努力使圖像響應(yīng)。這個(gè)人的想法是,他們?cè)诰W(wǎng)上遇到的資產(chǎn)中有90%沒(méi)有響應(yīng),所以為什么要費(fèi)心呢?其他人回答說(shuō),如果是這樣的話,所有用戶都無(wú)法訪問(wèn)這些網(wǎng)站中的90%。響應(yīng)式設(shè)計(jì)的目標(biāo)是使所有環(huán)境和所有用戶都可以訪問(wèn)站點(diǎn)。這個(gè)人指出,簡(jiǎn)單地調(diào)整圖像大小就可以解決問(wèn)題。較小的圖像會(huì)加載更快,占用網(wǎng)站所有者的資源更少。
許多其他人提出了充分的理由,為什么最好花時(shí)間讓圖像響應(yīng)所有設(shè)備和環(huán)境。由于大多數(shù)互聯(lián)網(wǎng)瀏覽都發(fā)生在移動(dòng)設(shè)備和智能手機(jī)上,如果沒(méi)有響應(yīng)性地設(shè)置其所有功能,網(wǎng)站可能會(huì)錯(cuò)失大量流量。
- [2021-04-25]• 重新設(shè)計(jì)網(wǎng)站時(shí)應(yīng)考慮的重要的要點(diǎn)
- [2021-04-23]• 如何確保您的網(wǎng)站安全
- [2021-04-20]• 如何將Flash網(wǎng)站轉(zhuǎn)換為HTML網(wǎng)站?
- [2021-04-17]• 商業(yè)網(wǎng)站開(kāi)發(fā):需要考慮的基本步驟
- [2021-04-15]• 網(wǎng)站設(shè)計(jì)如何在2021年促進(jìn)客戶轉(zhuǎn)化?
- [2021-04-13]• 網(wǎng)站開(kāi)發(fā)人員應(yīng)學(xué)習(xí)Web設(shè)計(jì)的10個(gè)理由
- [2021-04-07]• 為什么需要為您的企業(yè)建立網(wǎng)站?
- [2021-03-31]• 電子商務(wù)網(wǎng)站設(shè)計(jì)應(yīng)避免的5大錯(cuò)誤
- [2021-03-29]• 精心設(shè)計(jì)的網(wǎng)站可以提高您的銷(xiāo)售量:這就是方法
- [2021-03-27]• 有目的的設(shè)計(jì):為什么您的網(wǎng)站使您失敗