成都定制建站
2022-07-30 分類： 網(wǎng)站建設(shè)
了解漸進(jìn)式JPEG和WebP格式
為了提高轉(zhuǎn)化率并幫助商人賺錢，在線商店必須有出色的表現(xiàn)。當(dāng)涉及到我們在線提供的不同類型的內(nèi)容時，網(wǎng)站上的照片幾乎總是大的資產(chǎn)。因此，如果我們改善為在線用戶提供服務(wù)的照片的性能和傳遞，我們可能會改善網(wǎng)站的整體性能。
通過Shopify合作伙伴計劃發(fā)展您的業(yè)務(wù)
無論您提供市場營銷，定制服務(wù)還是網(wǎng)站設(shè)計和開發(fā)服務(wù)，Shopify合作伙伴計劃都將助您成功。免費(fèi)加入并獲得收益分享機(jī)會，發(fā)展業(yè)務(wù)的工具以及充滿激情的商業(yè)社區(qū)。
什么是漸進(jìn)式j(luò)peg？
漸進(jìn)式JPEG是使用與典型基準(zhǔn)JPEG不同的編碼過程創(chuàng)建的圖像。傳統(tǒng)上，JPEG是從上到下，從左到右進(jìn)行編碼和解碼的。這稱為基準(zhǔn)編碼。但是，漸進(jìn)式JPEG以不同的方式編碼。當(dāng)您看到漸進(jìn)式JPEG加載時，您會看到完整圖像的模糊版本，隨著時間的推移，該版本會隨著在瀏覽器中解碼或渲染圖像而變得更加清晰。
JPEG和WebP基準(zhǔn)
基準(zhǔn)JPEG加載分別為33％，66％和100％
JPEG和WebP逐行
漸進(jìn)式JPEG加載分別為33％，66％和100％
舊的又是新的
對于那些已經(jīng)足夠記住撥號上網(wǎng)的人來說，漸進(jìn)式JPEG在90年代非常流行，尤其是因為我們處理的是緩慢的互聯(lián)網(wǎng)連接。我們今天使用它們的主要原因是為那些連接速度較慢的用戶（如移動或農(nóng)村地區(qū)）提高性能。
您可能還會喜歡：使用自適應(yīng)圖像減少頁面加載時間。
為什么要使用漸進(jìn)式JPEG？
漸進(jìn)式JPEG的一個明顯優(yōu)勢是存在明顯的性能提升。用戶可以在完成下載之前預(yù)覽圖像的外觀。此外，圖像在您的網(wǎng)站上占用的布局和空間加載速度更快，使整個過程感覺更快。即使最終圖像在視覺上相同，漸進(jìn)式JPEG也通常比非漸進(jìn)式JPEG小。
重要的是要記住，漸進(jìn)式JPEG會花費(fèi)更多的CPU時間和內(nèi)存來進(jìn)行編碼和解碼，因為圖像數(shù)據(jù)會被多次解析。因此，雖然確實(shí)可以更快地預(yù)覽，但解碼的總時間可能會接近2.5倍。
img_url Liquid中的過濾器和格式選項
使用Liquid的img_urlfilter，您可以傳遞圖像的格式選項?？雌饋硐襁@樣：
{{ product | img_url: '800x800', format: 'pjpg' }}
只需將所需的格式選項傳遞到img_url過濾器，Shopify將允許您指定要呈現(xiàn)的格式。
您可能還會喜歡：如何使用img_url過濾器處理圖像。
Shopify推出WebP
就在上周，Shopify開始自動提供WebP圖像。WebP是一種現(xiàn)代圖像格式，可為Web上的圖像提供出色的壓縮效果，與PNG和JPEG等傳統(tǒng)文件格式相比，文件大小平均可節(jié)省30％以上。較小的圖像意味著更快的下載時間和較少的網(wǎng)絡(luò)帶寬使用，這兩者都有助于頁面顯示速度明顯加快。
JPEG和WebP格式
要檢查您的商店是否正在渲染W(wǎng)ebP，只需在Chrome中打開開發(fā)者控制臺，然后轉(zhuǎn)到“ 網(wǎng)絡(luò)”標(biāo)簽。重新加載頁面，您應(yīng)該能夠看到該類型設(shè)置為webp。
這項改進(jìn)的大好處是，您無需更改開發(fā)人員的代碼。此外，對WebP的支持已經(jīng) 相當(dāng)不錯，Shopify將在不支持該格式的瀏覽器（例如Safari或IE）中退回到典型的JPEG。
那么什么時候應(yīng)該使用漸進(jìn)式JPEG與WebP？
如果您使用的是現(xiàn)有主題，那么除了使用延遲加載外，還可以利用WebP更新，這是保持快速運(yùn)行的理想方法。
您可能還會喜歡： 延遲加載如何優(yōu)化Shopify主題圖像。
而且，如果您要使用漸進(jìn)式JPEG，請確保您了解為什么要使用它們，因為它們也有缺點(diǎn)。我警告不要對小圖像（如縮略圖）使用漸進(jìn)式JPEG格式，因為它們的文件大小實(shí)際上比常規(guī)JPEG圖像大。
像其他任何東西一樣，測試 并查看您所做的更改是否確實(shí)減少了首次有意義的繪畫的時間非常重要。在某些情況下，最好使用本機(jī)WebP格式和延遲加載而不是使用漸進(jìn)JPEG。例如，考慮渲染的漸進(jìn)JPEG和WebP之間的文件大小差異。如果漸進(jìn)式JPEG接近（小于10kb至20kb）或小于WebP，并且圖像在頁面加載時可見，那么請考慮在WebP上使用漸進(jìn)式JPEG。
本文標(biāo)題：成都定制建站
轉(zhuǎn)載源于：http://www.rwnh.cn/news/183561.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站維護(hù)、建站公司、自適應(yīng)網(wǎng)站、域名注冊、定制網(wǎng)站、企業(yè)網(wǎng)站制作
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
- 良品鋪?zhàn)?，互?lián)網(wǎng)經(jīng)濟(jì)下的“兩元店” 2022-07-30
- 成都網(wǎng)絡(luò)公司營銷是值得學(xué)習(xí) 2022-07-30
- 設(shè)計網(wǎng)頁時要做到哪些訪客的要求？ 2022-07-30
- 建站完成之后如何做好網(wǎng)站優(yōu)化 2022-07-30
- 微商行規(guī)將出臺，執(zhí)行力度是重點(diǎn) 2022-07-30
- 通過seo優(yōu)化讓你的網(wǎng)站獲得更多自然流量的方法 2022-07-30
- 成都企業(yè)官網(wǎng)建站方案分享 2022-07-30
- 標(biāo)題黨如何做--網(wǎng)站優(yōu)化標(biāo)題的重要性 2022-07-30
- 微商的交友方式有哪些？ 2022-07-30
- 域名搶注應(yīng)該注冊什么樣的？有什么搶注域名技巧？ 2022-07-30
- 成都網(wǎng)站優(yōu)化維度的痛點(diǎn)和亮點(diǎn) 2022-07-30
- 微商營銷推廣該如何執(zhí)行方案 2022-07-30
- 網(wǎng)站外鏈一直不被收錄應(yīng)該怎么辦 2022-07-30
- 網(wǎng)站優(yōu)化沒效果怎么辦？ 2022-07-30
- 提高與維持品牌形象的logo規(guī)范是什么？ 2022-07-30
- 網(wǎng)站優(yōu)化有必要做關(guān)鍵詞密度布局嗎 2022-07-30
- 淺談網(wǎng)站建設(shè)及運(yùn)營 2022-07-30
- 網(wǎng)站在優(yōu)化中如何保持良性發(fā)展？ 2022-07-30
- 網(wǎng)站快照回到原來的日期怎么辦？快照回檔如何處理？ 2022-07-30