瀏覽網(wǎng)頁的時候，什么才是最重要的？是充滿信息的文字么？沒想到吧，是我圖片噠！在這個快節(jié)奏的時代里，圖片才是碎片化時間中最容易傳遞信息的存在。因此在網(wǎng)頁中，圖片是不可或缺的存在。然而經(jīng)常有朋友反應(yīng)，打開網(wǎng)頁的時候不顯示圖片，這是為什么呢？是什么原因?qū)е铝藞D片無法加載呢？
圖片不顯示的常見原因
網(wǎng)速問題
如果打開網(wǎng)頁的時候無法打開圖片，首先應(yīng)該檢查的就是網(wǎng)速問題，如果網(wǎng)速太慢或某張圖片提及過大，就會出現(xiàn)圖片加載失敗的情況。
檢查方法：網(wǎng)速過慢自己可有直接感覺，如打開百度、新浪之類的網(wǎng)站都比較慢，可以的話，可以直接百度搜“網(wǎng)速測試”進(jìn)行直接在線測試自己的網(wǎng)速。
Flash 問題
有的時候打開網(wǎng)站后，圖片會顯示需要 Flash ，遇到這種提示后，我們可以點擊控制面板，雙擊 Flash 選項，電腦桌面顯示出了 Flash 設(shè)置管理器，然后選擇高級，點擊立即測試。我們點擊瀏覽器右上角的工具。選擇管理加載項，啟用 flash ，然后點擊確定。
選項設(shè)置不當(dāng)
當(dāng)瀏覽器過濾了圖片，或者將我們所訪問的網(wǎng)站添加到受限站點，也可能導(dǎo)致圖片無法顯示。我們可以點擊瀏覽器工具，點擊 選項，針對第一種情況，我們選擇高級選擇，點擊顯示圖片，最后選擇應(yīng)用，在重新訪問網(wǎng)站就可以了。如果是后一種情況，我們可以選擇安全選項，點擊受限站點，刪除受限站點的列表中我們所訪問的網(wǎng)站，最后選擇下應(yīng)用就好了。
除去重新刷新訪問外，我們也可以用瀏覽器自帶的抓包工具來看下訪問效果打開網(wǎng)頁沒有加載圖片，可以在頁面按 F12 或者在頁面上右鍵點“檢查”，就可以看到開發(fā)者工具的內(nèi)容。
之后打開 面板，該面板記錄頁面上每個網(wǎng)絡(luò)操作的相關(guān)信息，包括詳細(xì)的耗時數(shù)據(jù)、HTTP 請求與響應(yīng)標(biāo)頭和 。
點擊資源名稱，可以查看與資源有關(guān)的更多信息。
可用標(biāo)簽會因您所選擇資源類型的不同而不同，但下面四個標(biāo)簽最常見：
可以在控制臺看下圖片響應(yīng)的狀態(tài)以及響應(yīng)的時間來判斷不顯示的原因，以便于更快的解決問題。
當(dāng)然也有一些比較特殊的原因打開網(wǎng)頁沒有加載圖片，比如現(xiàn)在非常流行的 WebP 格式的圖片，由于不是所有瀏覽器支持，有時候也會出現(xiàn)圖片不顯示的情況，下面我們來細(xì)看下。
瀏覽器不支持WebP
為了減少互聯(lián)網(wǎng)上圖片的發(fā)送時間和流量消耗，現(xiàn)在很多網(wǎng)站都選擇了 WebP 格式的圖片。WebP 集合了多種圖片文件格式的特點。它像 JEPG 一樣適合壓縮照片和其他細(xì)節(jié)豐富的圖片，像 GIF 一樣可以顯示動態(tài)圖片，像 PNG 一樣支持透明圖像。同時 WebP 在性能上也比其他格式的圖片更強(qiáng)勁，根據(jù) 的測試，WebP 無損壓縮圖片比 PNG 圖片少了45%的文件體積。
使用 WebP 確實能給實際應(yīng)用帶來很多好處，但是因為并非所有瀏覽器都支持 WebP ，比如：IE、 某些版本等。所以當(dāng)瀏覽器不支持時，就會出現(xiàn)圖片無法顯示的問題。
面對這種情況，有辦法讓支持 WebP 格式的瀏覽器看 WebP 圖片，不支持 WebP 格式的顯示圖片原格式嗎？
這里就要介紹下又拍云的 WebP 自適應(yīng)功能。
WebP 自適應(yīng)功能會判斷客戶端瀏覽器是否支持 WebP 解碼，如支持則返回 WebP 格式圖片，否則返回原圖，客戶端以及源站無需任何改動。WebP 自適應(yīng)開啟方式也非常簡單。只需要在又拍云后臺點擊開啟鍵即可。
既想要減少圖片大小，又不想讓用戶出現(xiàn)無法查看圖片情況的小伙伴，可以了解下 WebP 哦~