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