新聞中心
相信我們,獨立站尤其是新建的站點,應(yīng)該知道如何去討好搜索引擎,也只有這樣才可以獲得更好的展現(xiàn)位置。 而,如何讓搜索引擎覺得你的站點更友好,其中一個辦法就是讓你的網(wǎng)站圖片更加小以提升網(wǎng)站性能。

為點軍等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計制作服務(wù),及點軍網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為成都網(wǎng)站設(shè)計、成都做網(wǎng)站、點軍網(wǎng)站設(shè)計,以傳統(tǒng)方式定制建設(shè)網(wǎng)站,并提供域名空間備案等一條龍服務(wù),秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達到每一位用戶的要求,就會得到認可,從而選擇與我們長期合作。這樣,我們也可以走得更遠!
如果是單純的簡單粗暴地不考慮質(zhì)量地壓縮圖像,只會適得其反,因為這樣可能會使訪問者討厭您的網(wǎng)站。 我們要做的是,在不損害或者極小程度地圖像質(zhì)量下壓縮圖像。 有一些技巧可以讓你減少圖像的文件大小,并保證質(zhì)量,讓用戶無感知你對圖片壓縮過。 因此,讓我們來看看如何格式化圖像而不會讓它們變得難看,以及如何針對網(wǎng)頁和性能優(yōu)化圖像。
大圖像會降低您的網(wǎng)頁速度,從而導致用戶體驗不佳。 優(yōu)化圖像,可以使用插件或腳本減小文件大小以加快頁面的加載時間。 有損和無損壓縮是常用的兩種方法。
- 格式化圖像的好處
- 如何針對Web和性能優(yōu)化圖像
- 使用WordPress圖像優(yōu)化插件
- 優(yōu)化圖像案例研究
- 將SVG與其他圖像一起使用
- 使用圖像時的最佳做法
格式化圖像的好處
首先,為什么需要格式化圖像? 有什么好處? 優(yōu)化圖像以提高性能有很多好處。 根據(jù)HTTP Archive,截至2018年11月,圖像平均占網(wǎng)頁總體積的21%。 因此,在優(yōu)化您的WordPress網(wǎng)站時,圖像是您應(yīng)該首先開始的第一個地方!
它比優(yōu)化腳本和字體更重要。 圖像優(yōu)化工作流程是最容易實現(xiàn)的工作之一,但許多網(wǎng)站所有者忽略了這一點。
每頁平均字節(jié)數(shù)(KB)
以下是主要優(yōu)點。
- 它將提高您的頁面加載速度(請參閱下面的案例研究,了解它對您的速度有多大影響)。如果您的頁面需要很長時間來加載,訪客可能不愿意等待并跳出。有關(guān)優(yōu)化頁面加載時間的詳細信息,請參閱《如何做到Google PageSpeed Insights測試滿分/100分》。
- 使用WordPress搜索引擎優(yōu)化插件,幫助你提高了網(wǎng)站的SEO。您的網(wǎng)站在搜索引擎結(jié)果中的排名會更高。大文件會降低您的網(wǎng)站速度,搜索引擎討厭網(wǎng)站速度慢(爬蟲在爬取頁面內(nèi)容過程中,如果服務(wù)器響應(yīng)過慢,爬蟲可能就會離開或者降低網(wǎng)站的爬取頻率)。搜索引擎也可能更快地抓取您的圖片并將其編入索引,以便進行圖片搜索。想知道您的流量中有多少來自圖片搜索?您可以使用Google Analytics或者百度統(tǒng)計細分來檢查圖片搜索流量。
- 創(chuàng)建備份會更快。
- 較小的圖像文件大小使用較少的帶寬。
- 服務(wù)器上需要的存儲空間更少(這取決于您優(yōu)化的縮略圖數(shù)量)
如何針對Web和性能優(yōu)化圖像
格式化圖像的主要目標是在最小文件體積和可接受質(zhì)量之間找到平衡點。 優(yōu)化圖像的方法不止一種。 最流行的方法之一是在上傳到WordPress之前簡單地壓縮它們。 通常,這可以在Adobe Photoshop或Affinity Photo等工具中完成。 其中一些任務(wù)也可以使用插件執(zhí)行,我們將在下面詳細介紹。
要考慮的兩個主要問題是您使用的文件格式和壓縮類型。 通過選擇正確的文件格式和壓縮類型組合,您可以將圖像大小減少多達5倍。 您將不得不嘗試使用每種圖像或文件格式來查看最佳效果。
選擇正確的圖像格式
在開始修改圖像之前,請確保選擇了最佳文件類型。 您可以使用幾種類型的文件:
- PNG – 生成更高質(zhì)量的圖像,但文件也會比較大。無損圖像格式,雖然它也可能是有損的。
- JPEG – 使用有損和無損優(yōu)化。 您可以調(diào)整質(zhì)量級別,以實現(xiàn)質(zhì)量和文件大小的良好平衡。
- GIF – 僅使用256種顏色。 這是動畫圖像的最佳選擇。 它只使用無損壓縮。
還有其他幾個,例如JPEG XR和WebP,但并非所有瀏覽器支持。 理想情況下,色彩豐富的圖像應(yīng)該選擇JPEG(或JPG)和相對簡單的圖像選擇PNG。
壓縮質(zhì)量及體積
下面是一個例子,說明壓縮圖像過多會發(fā)生什么。 第一種是使用非常低的壓縮率,這導致最高質(zhì)量(但更大的文件大?。?。 第二種是使用非常高的壓縮率,這導致圖像質(zhì)量非常低(但文件尺寸較小)。 注意:未經(jīng)修改的原始圖像為2.06 MB。
低壓縮(高質(zhì)量)JPG – 590 KB
高壓縮 (低質(zhì)量) JPG – 68 KB
如您所見,上面的第一張圖片是590 KB。 這對于一張照片來說非常大! 一般網(wǎng)站的頁面我們應(yīng)該保持總體積不超過1或2MB。 590KB已經(jīng)是其中的四分之一。 第二個圖像顯然看起來很糟糕,但只有68 KB。 你要做的是在你的壓縮率(質(zhì)量)和文件大小之間找到一個平衡點。
因此我們以中等壓縮率再次壓縮圖像,如下所示,質(zhì)量還是很不錯的,文件大小為151 KB,這對于高分辨率照片來說是可以接受的。 這比壓縮率低的原始照片小近4倍。 通常,像PNG圖像應(yīng)該低于100 KB或更低,以獲得最佳性能。
中等壓縮 (質(zhì)量OK) JPG – 151 KB
有損與無損優(yōu)化
同樣重要的是要了解有兩種類型的壓縮可以使用——有損和無損。
有損 – 這是一個刪除一些數(shù)據(jù)的過濾器。這會降低圖像質(zhì)量,因此您必須小心為圖像的減重。文件大小可以減少很多。您可以使用Adobe Photoshop,Affinity Photo或其他圖像編輯器等工具調(diào)整圖像的質(zhì)量設(shè)置。我們上面使用的示例是使用有損壓縮。
無損 – 這是一個壓縮數(shù)據(jù)的過濾器。這不會降低質(zhì)量,但需要在渲染之前對圖像進行解壓縮。您可以使用Photoshop,F(xiàn)ileOptimizer或ImageOptim等工具在桌面上執(zhí)行無損壓縮。
最好嘗試使用不同壓縮技術(shù),以了解哪種方法最適合每種圖像或格式。如果您的工具有選項,請確保保存為Web圖像。這是許多圖像編輯器中的一個選項,它將為您提供質(zhì)量調(diào)整,以便您可以執(zhí)行最佳壓縮。圖像會損失些質(zhì)量,所以嘗試找到最佳平衡,盡可能在減少體積的同時又不影響質(zhì)量。
圖像優(yōu)化工具和程序
有許多選擇的圖像優(yōu)化工具和程序,包括付費和免費的,您可以使用它們來優(yōu)化您的圖像。 有些為您提供了優(yōu)化的工具,而其他一些則直接幫你做了這事。 Affinity Photo是個非常不錯的選擇,相比Adobe Photoshop,價格更便宜,但擁有幾乎相同的功能。
使用Affinity Photo壓縮圖像
以下是一些我們收集的可用于圖像壓縮的工具和程序:
- Adobe Photoshop
- Gimp
- Paint.NET
- GIFsicle
- JPEGtran
- JPEG Mini
- OptiPNG
- pngquant
- FileOptimizer
- ImageOptim
- Trimage
- ImageResize.org
調(diào)整圖像大小以縮放
在過去,您需要按比例上傳圖像并且不要讓CSS調(diào)整它們的大小。 但是,自WordPress 4.4版本以來,WordPress開始支持響應(yīng)式圖像(不按CSS縮?。?。 基本上,WordPress會自動為上傳到媒體庫的每個圖像創(chuàng)建幾種尺寸。 通過將圖像的可用大小包含到srcset屬性中,瀏覽器現(xiàn)在可以選擇下載最合適的大小而忽略其他大小。 請參閱下面的代碼示例截圖。
srcset響應(yīng)圖像示例代碼
如今滿大街的HiDPI顯示器,動不動就是4K分辨率,響應(yīng)式圖像是必須的了。 但2x或3x您的網(wǎng)站的列或div大小,仍然小于原始大小。 瀏覽器將根據(jù)設(shè)備的分辨率顯示合適Size的圖像。
WordPress媒體庫根據(jù)您的設(shè)置創(chuàng)建縮略圖。 但是,原件仍然保留并且不受影響。 如果您想通過不保存原件來調(diào)整圖像大小并節(jié)省服務(wù)器硬盤空間,可以使用像Imsanity這樣的免費插件。
WordPress多媒體設(shè)置
Imsanity允許您設(shè)置限制,以便將所有上傳的圖像約束到合理的大小,這足以滿足典型網(wǎng)站的需求。 Imsanity在WordPress處理圖像處理圖片。 因此,WordPress在所有方面的行為都完全相同,除非在上傳之前貢獻者將其圖像縮放到合理的大小。
使用WordPress圖像優(yōu)化插件
值得慶幸的是,使用WordPress,您不必手動完成所有圖像格式化或壓縮。 您可以使用插件自動完成這些操作。 一些插件會在您上傳圖像文件時自動優(yōu)化它們,甚至會優(yōu)化您已上傳的圖片。 這是一個非常貼心的功能 – 特別是如果您網(wǎng)站的存量圖片過多。 下面介紹一些最好的插件來格式化圖像以獲得更好的性能。
但有一點非常重要,即不應(yīng)該100%依賴插件本身。 例如,您不應(yīng)將2MB圖像上傳到WordPress媒體庫。 這可能會導致您的Web主機硬盤空間很快就耗盡。 最好的方法是事先在照片編輯工具中快速調(diào)整圖像大小,然后上傳它并使用以下插件進一步減少它。
- Imagify Image Optimizer
- ShortPixel Image Optimizer
- Optimole
- EWWW Image Optimizer Cloud
- Optimus Image Optimizer
- WP Smush
- TinyPNG
- ImageRecycle
- Jetpack Image CDN
- Compress JPEG & PNG Images
Imagify Image Optimizer
WordPress圖像優(yōu)化插件-Imagify
Imagify是由開發(fā)WP Rocket的團隊創(chuàng)建的,大多數(shù)人都可能熟悉它。 兼容WooCommerce,NextGen Gallery和WP Retina。 它還具有批量優(yōu)化功能,您可以選擇三種不同的壓縮級別,正常,激進和超級。 它還提供恢復功能,因此如果您對質(zhì)量不滿意,可以一鍵恢復并重新壓縮,使其更符合您的需求。 插件提供免費和高級版本,其中免費版本比較摳門只有25MB的配額。
WordPress圖像優(yōu)化插件-Imagify
Imagify還支持在第三方服務(wù)器上壓縮圖像,而不是你的,這在性能方面非常重要。這樣Imagify就不會減慢你的WordPress網(wǎng)站。
ShortPixel Image Optimizer
WordPress圖像優(yōu)化插件-ShortPixel
ShortPixel Image Optimizer是一款免費插件,每月可壓縮100張圖片,并支持壓縮多種類型的文件,包括PNG,JPG,GIF,WebP甚至PDF文件。 它提供有損和無損圖像壓縮,且支持將CMYK轉(zhuǎn)換為RGB。 它會將您的圖像和縮略圖放入云中進行處理,然后再傳回你網(wǎng)站服務(wù)器以替換原件。 插件會創(chuàng)建原始文件的備份,以便您可以根據(jù)需要手動還原它們。 插件也支持批量轉(zhuǎn)換圖庫文件,文件大小也沒有限制。
步驟 1:請求免費的ShortPixel API密鑰
安裝并啟用插件后,插件會要求提供一個API密鑰。這會在您的站點和ShortPixel優(yōu)化工具之間建立連接。
如果您還沒有API密鑰,您可以申請一個免費的API密鑰。只需輸入您的電子郵件地址,然后單擊Request Key。將為您生成一個密鑰,您還將設(shè)置一個ShortPixel帳戶。輸入并驗證密鑰后,您將進入ShortPixel 插件設(shè)置屏幕。
步驟 2:配置優(yōu)化設(shè)置
如果您不想配置ShortPixel插件,您可以單獨保留默認設(shè)置。但是,如果您確實想自定義插件,則可以在此處進行。讓我們快速瀏覽一下常規(guī)設(shè)置選項卡,這是大多數(shù)用戶所需要的。
在這里,您可以決定是否希望該插件也優(yōu)化您的縮略圖、設(shè)置要應(yīng)用于所有文件的壓縮級別以及刪除EXIF數(shù)據(jù)。您還可以備份原始圖像,并選擇是否希望插件自動調(diào)整圖像大小。
當您對這些設(shè)置感到滿意時,單擊“保存更改”。或者,如果您想立即開始優(yōu)化現(xiàn)有圖像,您可以選擇保存并轉(zhuǎn)到批量處理。
步驟 3:批量壓縮現(xiàn)有圖像
ShortPixel插件將自動壓縮您將來上傳的所有圖像,但它也使您能夠優(yōu)化現(xiàn)有圖像。您可以使用Bulk Optimization Too 來實現(xiàn),您可以通過WordPress 中的Media > Bulk ShortPixel訪問它。
在這里,您將看到站點上現(xiàn)有圖像的數(shù)量,包括縮略圖。
要開始該過程,請單擊“Start Optimizing”按鈕。您可以實時查看每個圖像的壓縮方式,包括節(jié)省的空間總量。
該過程完成后,您將看到一條消息,確認所有原始圖像都已備份并替換為壓縮版本。從現(xiàn)在開始,您無需擔心圖片會拖慢您的網(wǎng)站速度!
Optimole
WordPress圖像優(yōu)化插件-Optimole
Optimole是一個WordPress圖像優(yōu)化插件,可以自動減少圖像的大小,無需任何手動工作。 它在您的網(wǎng)站加載速度方面具有很大的優(yōu)勢,因為它完全基于云,并且從不提供比它們應(yīng)該更大的圖像,做到兼顧訪客和瀏覽器兩者。
此外,該插件提供延遲加載和高效的圖像替換 – 如果訪問者的互聯(lián)網(wǎng)連接速度較慢,它會降低圖像質(zhì)量 – 這使其在人群中脫穎而出。 它還會自動檢測用戶的瀏覽器,根據(jù)實際展示W(wǎng)ebP格式圖像。
Optimole壓縮的所有圖像都通過快速CDN提供。 您可以免費試用Optimole,如果您需要額外的帶寬和處理空間,可以考慮升級到付費套餐。
EWWW Image Optimizer Cloud
WordPress圖像優(yōu)化插件-EWWW Image Optimizer Cloud
EWWW Image Optimizer Cloud可幫助您縮小圖像,加快網(wǎng)站創(chuàng)建速度,減少麻煩。沒有大小限制和足夠的靈活性,您可以使用默認值,或完全根據(jù)自己的喜好自定義插件。所有EWWW IO用戶都可以使用批量優(yōu)化程序壓縮其現(xiàn)有圖像,或使用“媒體庫”列表模式選擇要壓縮的特定圖像。
可以掃描其他文件夾,以確保您網(wǎng)站上的每個圖像都經(jīng)過適當優(yōu)化。 EWWW IO甚至允許您將圖像轉(zhuǎn)換為WebP等下一代格式,或者為具有多格式轉(zhuǎn)換選項的圖像找到最佳圖像格式。圖片壓縮的起價僅為0.003美元/張。
Optimus Image Optimizer
WordPress圖像優(yōu)化插件-Optimus Image Optimizer
Optimus WordPress Image Optimizer使用無損壓縮來優(yōu)化您的圖像。 無損意味著您不會看到任何質(zhì)量損失。 它支持WooCoomerce和多站點,并且對于那些已經(jīng)很大的現(xiàn)有媒體庫的人來說,它提供很好的批量優(yōu)化功能。 它還與WP Retina WordPress插件兼容。 插件也是提供免費和付費版本。 在付費版本中,您每年支付一次,您可以不限量壓縮圖像。 如果將它與Cache Enabler插件結(jié)合使用,您還可以深入了解WebP圖像,這是Google提供的一種新的輕量級圖像格式。
WP Smush
WordPress圖像優(yōu)化插件-WP Smush
WP Smush有免費版和高級版。 它將減少圖像中的隱藏信息,以減小尺寸而不降低質(zhì)量。 當您將圖像上傳到您的網(wǎng)站時,它會掃描圖像并減少它們。 它還會掃描您已上傳的圖像并減少這些圖像。 它將同時批量刷新多達50個文件。 如果需要,您也可以手動執(zhí)行。 它支持JPEG,GIF和PNG圖像類型,不過文件大小限制為1MB。
- 它與一些最流行的媒體庫插件兼容,如WP All Import和WPML。
- 所有圖像優(yōu)化均采用無損壓縮技術(shù),保持高圖像質(zhì)量。
- 保存圖像的目錄無關(guān)緊要.Smush找到并壓縮它們。
- Smush可以選擇自動設(shè)置所有圖像的寬度和高度,因此所有圖像的大小都會調(diào)整為相同的比例。
TinyPNG (also compressed JPGs)
WordPress圖像優(yōu)化插件-TinyPNG
TinyPNG使用TinyJPG和TinyPNG服務(wù)(免費帳戶允許您每月壓縮大約100張圖像)來優(yōu)化您的JPG和PNG圖像。 它將自動壓縮新圖像并批量壓縮現(xiàn)有圖像。 它會將CMYK轉(zhuǎn)換為RBG以節(jié)省空間。 它可以壓縮高達60%的JPEG圖像和高達80%的PNG圖像,而不會出現(xiàn)明顯的圖像質(zhì)量損失。 它沒有文件大小限制。
ImageRecycle
WordPress圖像&PDF優(yōu)化插件-ImageRecycle
ImageRecyle插件是一個圖像和PDF自動優(yōu)化器。 一個非常方便的功能是能夠設(shè)置壓縮的最小文件大小。 例如,如果設(shè)置圖像大小為80 KB,則自動將它們從壓縮中排除。 這可以確保圖像和文件永遠不會被過度壓縮。 它還包括批量優(yōu)化和自動圖像大小調(diào)整。 注意:他們有15天的免費試用期,但這是一項付費服務(wù),并且使用服務(wù)器上傳和壓縮圖像。 它們不是每月收費,而是按壓縮的圖像總數(shù)收費,10美金起步。
Jetpack Image CDN
Jetpack是一款流行的WordPress工具包插件,包含基于服務(wù)CDN形式的圖像優(yōu)化。該模塊以前稱為Photon,可讓您通過切換單個設(shè)置(位于Jetpack > Settings > Writing)來加快網(wǎng)站上圖像的加載時間。
Image CDN利用image_downsize過濾器快速優(yōu)化文章和頁面上的圖像,包括特色圖像和縮略圖。選擇加速圖像和照片設(shè)置后,您的所有文章都將使用 Image CDN 優(yōu)化其圖像。
主要特征:
- 自動調(diào)整優(yōu)化圖像的大小,這樣它們就不會影響您選擇的主題的外觀。
- 非常容易設(shè)置。
- 過濾內(nèi)容而不更改數(shù)據(jù)庫中的圖像信息。
Jetpack插件的免費版本包含完整的Image CDN功能,但也提供高級計劃。
Compress JPEG & PNG Images
Compress JPEG & PNG Images對于 TinyPNG 的用戶來說會很熟悉;這是該工具的插件版本。這使您可以直接從您的站點使用 TinyPNG 服務(wù),這使其成為對用戶最友好的選項之一。
該插件將每個上傳的圖像發(fā)送到 TinyPNG 服務(wù),以自動確定壓縮圖像的最佳方式。然后對該圖像進行優(yōu)化并返回到您的站點。壓縮 JPEG 和 PNG 圖片還可以批量壓縮您現(xiàn)有的文件。
主要特征:
- 使您能夠自動調(diào)整圖像大小。
- 壓縮動畫圖像。
- 將圖像從 CMYK 轉(zhuǎn)換為 RGB,以節(jié)省額外空間。
這個插件可以免費使用,每月最多可免費壓縮500張圖片。之后,您可以以每張圖像0.009美元的價格購買額外的壓縮包。TinyPNG提供了一個方便的價格計算器,可用于根據(jù)您的要求估算價格。
優(yōu)化圖像案例研究
下面進行自己的小案例研究和測試,向您展示圖像優(yōu)化對網(wǎng)絡(luò)的影響及您的WordPress網(wǎng)站的整體速度。
未壓縮的JPG
我們首先將6個未壓縮的JPG上傳到測試站點,所有這些JPG都超過1 MB。然后通過Pingdom進行了5次測試并取平均值。 從下面的速度測試中可以看出,總加載時間為1.55秒,總頁面大小為14.7 MB。
未壓縮JPG圖像網(wǎng)站測速
壓縮過的JPG
然后,使用Imagify WordPress插件使用“激進設(shè)置(aggressive setting)”壓縮JPG。然后通過Pingdom進行了5次測試并取平均值。 從下面的速度測試中可以看出,總加載時間減少到476毫秒,總頁面大小減少到2.9 MB。 也就是說總加載時間減少了54.88%,頁面大小減少了80.27%。
壓縮JPG圖像后網(wǎng)站測速結(jié)果
網(wǎng)站幾乎沒有其他優(yōu)化可以讓您的加載時間減少50%以上。 這就是圖像優(yōu)化如此重要的原因,上面的過程全部由插件自動完成。
通過優(yōu)化圖片,無論是使用照片編輯工具還是使用WordPress插件,您還可以修復Google PageSpeed Insights中的“優(yōu)化圖片”警告(如下所示)。
PageSpeed Insights 優(yōu)化圖像警告
如果您發(fā)現(xiàn)Google PageSpeed Insights有其他更多的優(yōu)化,可以閱讀《如何做到Google PageSpeed Insights測試滿分/100分》深入了解網(wǎng)站優(yōu)化,又或者嘗試使用更多的網(wǎng)站優(yōu)化工具,更全面了解網(wǎng)站加載緩慢的原因,參見《網(wǎng)站測速性能測試深入淺出教程[附15款常用網(wǎng)站測速工具]》。
使用SVG格式圖形
另一個建議是將SVG與其他圖像一起使用。 SVG是一種可縮放的矢量格式,適用于徽標,圖標,文本和簡單圖像。 以下是幾個原因:
- SVG可在瀏覽器和照片編輯工具中無限縮放。
- 主流搜索引擎均索引SVG,就像它對PNG和JPG一樣,所以你不必擔心SEO。
- SVG傳統(tǒng)上(并非總是)文件大小小于PNG或JPG。 這可以加快加載時間。
國外博主Genki寫了一篇很棒的文章,他比較了SVG、PNG和JPEG三者的大小。 以下是他測試中的一些內(nèi)容,他比較了三種不同的圖像類型。
JPG (優(yōu)化后的體積: 81.4 KB)
JPG圖像
PNG (優(yōu)化后的體積: 85.1 KB)
PNG圖像
SVG (優(yōu)化后的體積: 6.1 KB)
SVG圖形
如您所見,與JPG相比,SVG的文件大小減少了92.51%。 與PNG相比,為92.83%。
使用圖像時的最佳做法
以下是一些關(guān)于如何針對Web優(yōu)化圖像的一般最佳實踐:
- 如果使用WordPress插件,請使用在其服務(wù)器上外部壓縮和優(yōu)化圖像的插件。這樣可以減少了您自己網(wǎng)站的負擔。
- 盡可能使用矢量圖像以及PNG和JPG
- 使用CDN加速向全球訪問者提供圖像
- 刪除不必要的圖像數(shù)據(jù)
- 裁剪空白區(qū)域并使用CSS提供填充來重新創(chuàng)建它
- 盡可能使用CSS3效果
- 將圖像保存在適當?shù)某叽纭km然記得WordPress現(xiàn)在支持響應(yīng)式圖像來提供它們,而無需使用CSS調(diào)整它們。
- 使用Web字體而不是在圖像中放置文本 – 縮放時它們看起來更好并占用更少的空間
- 僅對具有大量形狀和細節(jié)的場景使用光柵圖像
- 將位深度減小到較小的調(diào)色板
- 盡可能使用有損壓縮
- 嘗試找到每種格式的最佳設(shè)置
- 如果需要動畫,請使用GIF(但壓縮GIF動畫)
- 如果您需要高細節(jié)和高分辨率,請使用PNG
- 使用JPG獲取常規(guī)照片和屏幕截圖
- 刪除所有不需要的圖像元數(shù)據(jù)
- 盡可能自動化流程
- 在某些情況下,您可能希望延遲加載圖像以加快第一頁渲染速度
- 在Photoshop等工具中將圖像保存為“針對Web優(yōu)化”圖像
- 在Chrome中使用WebP格式圖像可以提供較小的圖像
在對圖片進行格式化以獲得更好的性能并遵循最佳做法后,搜索引擎,瀏覽器和網(wǎng)絡(luò)將更好地加載您的網(wǎng)站,并為您的讀者提供加載更快網(wǎng)站。
如果你關(guān)于這個話題有什么要補充的,歡迎在下面的評論中告訴我們您的技術(shù)和做法!
網(wǎng)站名稱:詳解如何優(yōu)化壓縮WordPress博客圖片
分享路徑:http://m.fisionsoft.com.cn/article/dhcsoso.html


咨詢
建站咨詢
