瀏覽網(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)速測試”進行直接在線測試自己的網(wǎng)速。

Flash Player 問題

有的時候打開網(wǎng)站后，圖片會顯示需要 Flash Player，遇到這種提示后，我們可以點擊控制面板，雙擊 Flash Player 選項，電腦桌面顯示出了 Flash Player 設(shè)置管理器，然后選擇高級，點擊立即測試。我們點擊瀏覽器右上角的工具。選擇管理加載項，啟用 shockwave flash object，然后點擊確定。

Internet 選項設(shè)置不當(dāng)

當(dāng)瀏覽器過濾了圖片，或者將我們所訪問的網(wǎng)站添加到受限站點，也可能導(dǎo)致圖片無法顯示。我們可以點擊瀏覽器工具，點擊 Internet 選項，針對第一種情況，我們選擇高級選擇，點擊顯示圖片，最后選擇應(yīng)用，在重新訪問網(wǎng)站就可以了。如果是后一種情況，我們可以選擇安全選項，點擊受限站點，刪除受限站點的列表中我們所訪問的網(wǎng)站，最后選擇下應(yīng)用就好了。

除去重新刷新訪問外，我們也可以用瀏覽器自帶的抓包工具來看下訪問效果，可以在頁面按 F12 或者在頁面上右鍵點“檢查”，就可以看到開發(fā)者工具的內(nèi)容。

之后打開 Network 面板，該面板記錄頁面上每個網(wǎng)絡(luò)操作的相關(guān)信息，包括詳細的耗時數(shù)據(jù)、HTTP 請求與響應(yīng)標頭和 Cookie。

點擊資源名稱，可以查看與資源有關(guān)的更多信息。

可用標簽會因您所選擇資源類型的不同而不同，但下面四個標簽最常見：

• Headers：與資源關(guān)聯(lián)的 HTTP 標頭。Headers 標簽可以顯示資源的請求地址、HTTP 方法以及響應(yīng)狀態(tài)代碼。此外，該標簽還會列出 HTTP 響應(yīng)和請求標頭、它們的指以及任何查詢字符串參數(shù)。

• Preview : JSON、圖像和文本資源的預(yù)覽。 Preview 標簽會顯示該資源的預(yù)覽信息，也可能不顯示，具體取決于您所選擇資源的類型。

• Respones : 顯示資源未格式化的 HTTP 響應(yīng)內(nèi)容（如果存在）。

• Timing : 資源請求生命周期的精細分解。

可以在控制臺看下圖片響應(yīng)的狀態(tài)以及響應(yīng)的時間來判斷不顯示的原因，以便于更快的解決問題。

當(dāng)然也有一些比較特殊的原因，比如現(xiàn)在非常流行的 WebP 格式的圖片，由于不是所有瀏覽器支持，有時候也會出現(xiàn)圖片不顯示的情況，下面我們來細看下。

瀏覽器不支持WebP

為了減少互聯(lián)網(wǎng)上圖片的發(fā)送時間和流量消耗，現(xiàn)在很多網(wǎng)站都選擇了 WebP 格式的圖片。WebP 集合了多種圖片文件格式的特點。它像 JEPG 一樣適合壓縮照片和其他細節(jié)豐富的圖片，像 GIF 一樣可以顯示動態(tài)圖片，像 PNG 一樣支持透明圖像。同時 WebP 在性能上也比其他格式的圖片更強勁，根據(jù) Google 的測試，WebP 無損壓縮圖片比 PNG 圖片少了45%的文件體積。

使用 WebP 確實能給實際應(yīng)用帶來很多好處，但是因為并非所有瀏覽器都支持 WebP ，比如：IE、Firefox 某些版本等。所以當(dāng)瀏覽器不支持時，就會出現(xiàn)圖片無法顯示的問題。

面對這種情況，有辦法讓支持 WebP 格式的瀏覽器看 WebP 圖片，不支持 WebP 格式的顯示圖片原格式嗎？

這里就要介紹下又拍云的 WebP 自適應(yīng)功能。

WebP 自適應(yīng)功能會判斷客戶端瀏覽器是否支持 WebP 解碼，如支持則返回 WebP 格式圖片，否則返回原圖，客戶端以及源站無需任何改動。WebP 自適應(yīng)開啟方式也非常簡單。只需要在又拍云后臺點擊開啟鍵即可。

推薦閱讀

總結(jié)

以上是生活随笔為你收集整理的【白话科普】网站图片不显示，背后的原因你都清楚吗的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。