综合久久综合_国产视频久久_亚洲国产第一页_日本久久成人_欧美在线播放一区_欧美日韩国产在线观看

圖片在網(wǎng)站設(shè)計中起重要作用，但也可能會帶來不少挑戰(zhàn)。當(dāng)在站點上使用的圖像決定，你必須確定，你會尋找那些圖像，圖像的題材本身，最后它的圖像格式是最好的在該特定實例。這些因素都是重要的，但是當(dāng)你創(chuàng)建一個反應(yīng)靈敏的網(wǎng)站，還有，你必須面對以及其他挑戰(zhàn)。

大小事項

在此之前的響應(yīng)網(wǎng)頁設(shè)計的興起，是一個added網(wǎng)站圖片“一刀切”的做法。這意味著相同的圖像被傳遞給所有觀眾，無論其屏幕大小或設(shè)備的（一個圖像將被顯示的最大尺寸是已使用的大小）。這種方法對上不去響應(yīng)網(wǎng)站，但是。

這是最好的大屏幕圖像往往過于龐大，無論是在物理尺寸和文件大小，為小屏幕設(shè)備而言。我們可以縮小圖像的物理尺寸下為較小的顯示器，但份量文件大小保持。從一個網(wǎng)站性能的角度來看，這是一個大問題。

當(dāng)涉及到網(wǎng)站的響應(yīng)，我們需要提供網(wǎng)站圖片更聰明的方法。如果你所希望做的是不同版本的圖像，這是敏感部位最常見的需要之間進行切換，再就是你可以考慮以更聰明的方式實現(xiàn)圖像的幾個選項。

自適應(yīng)數(shù)字圖像

據(jù)該網(wǎng)站的這種做法，自適應(yīng)數(shù)字圖像 “檢測到您的訪問者的屏幕尺寸，并自動創(chuàng)建，高速緩存，并提供你的網(wǎng)頁的嵌入式HTML圖像的設(shè)備進行適當(dāng)?shù)闹匦驴s放的版本。”有了這個方法，你上傳圖片的最大版本將與您的設(shè)計使用了一些斷點一起必需的。

然后自適應(yīng)數(shù)字圖像將會創(chuàng)建圖像的縮放版本的最佳匹配斷點，并根據(jù)需要，而不是總是用最大的尺寸拯救他們。甚至還有視網(wǎng)膜屏幕的支持。

這種方法是非常容易部署，無需更改需要您網(wǎng)站的HTML。雖然它絕對可以幫助您提供更小的圖像，屏幕較小的設(shè)備，有局限性這種方法為好。

自適應(yīng)數(shù)字圖像需要Javascript工作。這還需要Apache和PHP，所以這取決于你正在構(gòu)建的網(wǎng)站類型，自適應(yīng)數(shù)字圖像可能不適合你的工作需要。舉例來說，如果你的網(wǎng)站是在Windows Server上的.ASPX網(wǎng)站，您將無法使用自適應(yīng)數(shù)字圖像。

HiSRC
另一個JavaScript供電（這一個使用jQuery）選項HiSRC。這個插件允許你創(chuàng)建小型，中型和大型版本的圖像。然后，該腳本將展示基于視網(wǎng)膜屏幕和網(wǎng)絡(luò)速度適當(dāng)?shù)膱D像。

一個缺點這種方法是，它的工作原理是首先加載最小圖像。然后檢查，看是否有較大的圖像會更合適。如果是這樣，它加載這些較大的圖像。這意味著有對某些用戶雙下載。是的，它只會影響高帶寬連接的用戶，但它仍然是一個應(yīng)該提到一個性能問題。

另一個缺點是需要HiSRC自定義標記來執(zhí)行的事實。這使得它非常具有挑戰(zhàn)性的在某些情況下使用，比如較大的網(wǎng)站，你正在努力改造這個解決方案或CMS解決方案，不給你完全訪問標記。

srcset和大小
如果你正在尋找一種方法并不需要Javascript和更多的是本地的HTML供電解決方案的的srcset和尺寸屬性可能是你最好的選擇。

添加到<IMG>元素，srcset讓你決定正確的HTML中不同大小的圖像，它是與另一個新的屬性一起使用尺寸。

雖然srcset 是HTML土生土長的一塊，它不是在所有的瀏覽器都支持。最引人注目的是沒有支持老版本的Internet Explorer發(fā)布沿之前（IE 11和下面不支持srcset）。這意味著，本地或沒有，你可能會想修補支持利用填充工具像  Picturefill。因此，即使srcset本身并不需要Javascript，確保該解決方案的廣泛支持將推動你把它列入。

CMS供電解決方案
取決于使用內(nèi)容管理系統(tǒng)，還可以是可被添加到這些平臺響應(yīng)圖象的解決方案。

我使用ExpressionEngine CMS和經(jīng)常把一種叫做“插件影像儀 ”來自動實現(xiàn)調(diào)整大小的圖像。

如果你正在使用WordPress的，像“一個插件RICG響應(yīng)圖像 ”或“ 自適應(yīng)數(shù)字圖像WordPress的 ”搜索可以查到您從CMS權(quán)所需要的影像解決方案。

關(guān)于藝術(shù)指導(dǎo)
為響應(yīng)網(wǎng)站提供更好的縮放圖像的這些方法都工作得很好，如果你并不需要這些圖像藝術(shù)指導(dǎo)（這意味著你需要以不同的裁剪圖像的不同的決議）。如果你需要超越簡單的調(diào)整大小，使用的HTML <照片>元素將成為您的需求更好的選擇。