回應式網頁設計就聽過不少,但是回應式圖片還真的有點新鮮了吧?其實,聽這個名字就知道是“衍生物”來的了。
回應式圖片其實是由Filament Group提出,這一回應式圖片技術和大程度上解決了不僅要同比的縮放圖片,還要在移動設備上降低圖片自身的解析度這兩個問題。
回應式圖片的實現需要使用幾個相關檔,其中有JavaScript檔,.htaccess檔,以及一些範例資源檔。具體使用方法可以參考Responsive Images的說明文檔。
其實,回應式圖片就是彈性化圖片,能夠處理圖片方面的問題,採用同比縮放的技術,讓用戶在電腦端以及移動設備端流覽圖片時完成自然銜接。彈性化圖片優點就是提高網頁的載入速度。