@webp / 博客 RSS 訂閱

May 14 2014

Eric Portis - Responsive Images Done Right: A Guide To And srcset

Images are some of the most important pieces of information on the web, but over the web’s 25-year history, they haven’t been very adaptable at all. Everything about them has been stubbornly fixed:

webp , mobile , coding , Responsive Images

收藏 評論

Apr 29 2021

雲叔_又拍雲 - 【白話科普】網站圖片不顯示，背後的原因你都清楚嗎

瀏覽網頁的時候，什麼才是最重要的？是充滿信息的文字麼？沒想到吧，是我圖片噠！在這個快節奏的時代裏，圖片才是碎片化時間中最容易傳遞信息的存在。因此在網頁中，圖片是不可或缺的存在。然而經常有朋友反應，打開網頁的時候不顯示圖片，這是為什麼呢？是什麼原因導致了圖片無法加載呢？ 圖片不顯示的常見原因 網速問題 如果打開網頁的時候無法打開圖片，首先應該檢查的就是網速問題，如果網速太慢或某張圖片提及過大，就會出

webp , 圖片處理 , 又拍雲 , 互聯網 , 程序員

收藏 評論

Oct 24 2015

Adrian James & Matt Shull - Using WebP Image Format Today

They say a picture is worth a thousand words. But online, a picture can be worth a thousand kilobytes or more! HTTP Archive shows that images make up 64% of a web page’s total size on average. Given

performance , webp , coding , Responsive Images , Case Studies

收藏 評論

May 10 2013

Dave Newton - How To Avoid Duplicate Downloads In Responsive Images

The picture element is a new addition to HTML5 that’s being championed by the W3C’s Responsive Images Community Group (RICG). It is intended to provide a declarative, markup-based solution to enable

webp , Techniques , Responsive Design , mobile

收藏 評論

Jan 21 2021

雲叔_又拍雲 - Doge.jpg 的背後是什麼，你知道麼？

圖片，是我們生活中最常見的信息載體，作為一個日常生活中無處不在的事物，我們已經很習慣靜態或者動態的圖片了。大家也瞭解靜態圖片主要是jpg/png格式，動態圖片主要為 gif。那你有沒有過一瞬間的疑惑：“為什麼都是圖片還有不同的格式，這些格式都有什麼不同？” Q1 聊聊常見的圖片格式 JPEG 格式 JPEG（Joint Photographic Experts Group）即聯合圖像專家組，是用於

webp , 又拍雲 , 雲存儲 , 雲服務 , 防盜鏈

收藏 評論

Apr 07 2021

雲叔_又拍雲 - Safari 14.0 的功臣 Webp？

俗話説：一圖勝千言。在網上，圖片雖然可以讓用户更加簡單明瞭地看到更多信息，但是圖片體積也可以抵過上千字節甚至更多。研究表明，打開一個 HTTP 網頁，其中圖片平均佔比為 64%。在圖片佔比如此高的情況下，用户對圖片的體積就有非常高的要求了。 我們可以通過圖片壓縮的方式來縮小圖片體積。但是要如何保證圖片體積縮小的同時而不大幅降低圖片質量呢？傳統的圖片格式，如 JPEG，PNG，GIF 等格式圖片已經

webp , 圖片處理 , 又拍雲 , 雲存儲 , 雲服務

收藏 評論

Nov 05 2025

劉悦的技術博客 - 石火電光追風逐日|前端優化之次時代圖片壓縮格式WebP的項目級躬身實踐(Python3 PIL+Nginx)

原文轉載自「劉悦的技術博客」https://v3u.cn/a_id_190 我們知道，在前端界有一個共識：速度就是生命，帶寬就是金錢。怎樣將頁面加載速度有效提升是無數前端工程師無時不刻在思考的課題，目前的網絡環境中，除了視頻，圖片仍舊是佔用流量較大的一部分，對於app端尤其如此，因此，如何在保證圖片視覺不失真的前提下縮小圖片體積，對於節省帶寬和電池電量都十分重要，因此Google在十年前提出了一種

python3 , 圖片壓縮 , webp , 前端優化 , Nginx

收藏 評論