[ad_1]
嘗試在Cloudinary,imgix,ImageKit和Optimole之間進行選擇,以優化您網站的圖像?
所有這些工具都提供了一種新型的網站圖像優化,您可以在其中動態地動態優化圖像。好處是您可以為每個訪客創建最佳體驗。例如,具有4K屏幕的訪問者可以獲得比600 px智能手機上更高的解析度的圖像。
為了幫助您在Cloudinary,imgix,ImageKit和Optimole之間進行選擇,我們將動手操作並使用以下指標比較每個工具:
- 優化(我們將使用一張JPEG和一張PNG圖片運行一次真實的測試)
- 易於在WordPress上進行設置
- 主要特點
- 價錢
@ Cloudinary,@ imgix,@ ImageKitIO,@ GetOptimole:哪個最好?
⏰Cloudinary,imgix,ImageKit和Optimole:快速決策
如果時間不多,請快速總結一下我們的結果:
- Optimole最擅長優化我們的測試JPEG圖像。
- Cloudinary在優化我們的測試PNG圖像方面最出色(但在優化我們的測試JPEG方面也最差)。
- 在查看JPEG和PNG圖像時,Optimole具有最佳的整體優化。
- Optimole和Cloudinary為WordPress用戶提供了最簡單的設置過程。只需單擊幾下就可以啟動並運行WordPress,無需進行任何技術步驟。
這是一張表格,比較了我們的帖子中的主要發現-請繼續閱讀以詳細了解每種服務。
JPEG和PNG大小是指從每個服務傳遞的優化圖像的文件大小。越低越好。
雲量 | imgix | 圖像套件 | 擎天柱 | |
JPEG尺寸* | 98.8 KB | 45 KB | 41 KB | 30.6 KB |
PNG大小 | 18.9 KB | 34.8 KB | 30.5 KB | 28.4 KB |
易於設置** | ⭐⭐⭐⭐⭐ | ⭐⭐⭐ | ⭐⭐⭐⭐ | ⭐⭐⭐⭐⭐ |
WordPress插件 | ✅ | ❌*** | ✅ | ✅ |
CDN | ✅ | ✅ | ✅ | ✅ |
動態優化 | ✅ | ✅ | ✅ | ✅ |
託管資產庫 | ✅ | ✅ | ✅ | ❌ |
免費計劃 | ✅ | ❌ | ✅ | ✅ |
Pro的起始價 | $ 89 /月 | $ 3 / 1,000張圖片+ 每GB CDN $ 0.08 |
$ 49 /月 | $ 19 /月 |
- *這些是指原始圖像格式。當我們在Chrome中進行測試時,所有這些工具都將圖像轉換為WebP。
-
**在WordPress上–其他平台可能有所不同。
-
*** imgix以前有一個官方插件,但不再維護它。但是,第三方用戶對該插件進行了分叉,該插件可從WordPress.org獲得。
我們如何測試圖像優化性能
如果您想了解我們如何測試這些插件,請查看以下內容…
由於所有這些插件均會根據每個訪問者的設備動態優化圖片,因此沒有一個單獨的優化圖片文件可以像 更傳統的WordPress圖像優化插件。為了了解每個工具可以優化每個圖像的程度,我們必須獲得一點創意。
首先,我們拍攝了兩張圖片並將它們添加到WordPress網站上的頁面中:
themes.png – 96 KB
sunset.jpg – 233 KB
然後,我們在WordPress網站上設置了每個工具。
從那裡,我們將頁面載入到前端,並查看了Chrome開發者工具中的「網路」標籤,以確定所交付圖像的文件大小。我們還確保使用完全相同的解析度和瀏覽器(Chrome的「帶有HiDPI屏幕的筆記本電腦」模擬)。
上面列出的文件大小是在我們的測試站點的前端提供的優化圖像的大小。
同樣,所有這些工具 將這些圖像轉換為WebP 在Chrome中交付它們。當我們參考上述文件格式時,是指我們上載到每個工具的原始圖像的格式。
Cloudinary,imgix,ImageKit和Optimole:詳細比較
雲量
Cloudinary提供視頻和圖像的按需交付和優化。這是此列表中唯一支持視頻的服務。
Cloudinary可以從雲管理您的資產。然後,當您將資產交付到站點時,可以動態地操縱和優化資產。
主要特點
- 動態地為每個訪客提供最有效的圖像格式。
- 自動調整壓縮級別以確保質量。
- 交付時縮放並裁剪圖像。
- 動態操縱圖像。
- 從多個CDN交付資產,包括Akamai,Fastly和CloudFront(Cloudinary可以自動選擇最佳CDN)。
- WebP支持。
- 優化和操縱視頻。
- 專用的WordPress插件,儘管您可以在任何網站上使用它。
易於使用/設置
為了幫助您在WordPress上使用Cloudinary,該團隊提供了一個官方插件。使用該插件,您可以通過輸入環境變數URL來連接到Cloudinary帳戶。
連接完成後,就完成了! Cloudinary將自動同步您的WordPress媒體庫,並開始為您優化/交付圖像。
價錢
Cloudinary使用記帳系統進行計費,這使其比其他工具更為複雜。
一學分可讓您享有以下其中一項的權利:
- 1,000個圖像轉換
- 或1 GB託管存儲
- 或1 GB的凈查看帶寬
- 或500個視頻處理秒
例如,如果您需要進行1,000個圖像轉換和1 GB帶寬,那將花費您2個積分(每個1個積分)。
以下是計劃:
-
免費–每月免費25個積分
-
Plus –每月225個積分,費用為$ 89
-
進階–每月600積分,只需$ 224
imgix
為了描述imgix,我將轉到其主頁上的副標題:
imgix使用簡單而強大的URL參數來轉換,優化和智能地緩存整個圖像庫,以用於快速的網站和應用程序。
沒有太多補充!
主要特點
- 動態壓縮圖像並將其轉換為最佳格式(例如WebP)。
- 根據用戶的瀏覽器和解析度自動調整圖像大小。
- 添加水印或其他添加。
- 生成文字疊加層。
- WebP支持。
- 通過CDN傳送圖像。
易於使用/設置
不幸的是,imgix是此列表中唯一不提供專用WordPress插件或任何專用WordPress文檔的工具。
雖然我可以在幾分鐘內設置所有其他工具,但是imgix花了我一些時間弄清楚並開始工作。最終,我發現這並不困難,但是由於缺少官方的WordPress插件或WordPress文檔,使它變得比原來需要的更加困難。
首先,您需要註冊一個imgix帳戶。然後,您可以將WordPress網站的URL添加為源。
當您添加來源時,您還可以指定imgix域,這是從中投放圖片的位置。
然後,您可以使用第三方維護的 圖像通過imgix插件 儘管它已經三年沒有更新,但似乎仍然可以使用。
價錢
與所有其他工具不同,imgix根據使用情況提供隨用隨付定價。
您需要為每個月訪問的每1000張主映像支付3美元,再加上每使用的CDN帶寬0.08美元。
例如,如果您訪問2,000個主映像並傳輸3 GB帶寬,則每月的賬單將為$ 6.24。
什麼是「訪問的主映像」?您上載到imgix的每個圖像都是主圖像,但是imgix僅向您收取每月訪問的圖像的費用。也就是說,您需要傳遞給訪問者的圖像。
例如,如果您有3,000張圖片,但訪問者一個月只能瀏覽2,000張圖片,那麼您只需為這2,000張圖片付費(加上帶寬)。
圖像套件
ImageKit是另一個提供實時圖像優化和處理的工具。您可以使用不同的參數轉換單個主圖像,ImageKit還將自動為每個用戶提供優化的圖像。
主要特點
- 根據每個訪問者的設備自動縮放和壓縮圖像。
- 通過Amazon CloudFront CDN交付圖像。
- 動態操縱圖像。
- WebP支持。
- 專用的WordPress插件,儘管您可以在任何網站上使用它。
易於使用/設置
首先,您需要註冊一個ImageKit帳戶。然後,您需要在ImageKit帳戶中將WordPress網站設置為「來源」。
將WordPress網站作為來源添加後,您將獲得一個端點URL。要使用該URL,您可以安裝官方的ImageKit WordPress插件並粘貼到端點URL中。
從那時起,ImageKit將自動處理服務並優化您網站的圖像。
價錢
ImageKit提供了永久免費的計劃,每月最多允許20 GB的帶寬。
如果您需要超出此價格,則最便宜的付費計劃是每月49美元,最多40 GB。除此之外,每增加20 GB您需要支付$ 9。
某些功能還需要支付一次性費用。例如,如果您想使用自定義域名,則需要一次性支付50美元。
擎天柱
與其他也可以操作圖像的工具不同,Optimole主要致力於圖像優化(儘管它確實提供了一些操作,例如添加水印)。
您可以通過壓縮,調整大小和格式(例如轉換為WebP)自動優化圖像。
Optimole還將自動為每個訪客提供最佳圖像大小,並且可以幫助您實現其他技術,例如智能延遲載入。
主要特點
- 根據每個訪客的設備自動縮放圖像。
- 自動壓縮圖像–您可以選擇不同的壓縮級別。
- 通過Amazon CloudFront CDN(超過200個位置)提供圖像。
- 未計量的帶寬。
- 智能延遲載入可加快初始頁面載入時間。
- WebP支持。
- 專用的WordPress插件,儘管您可以在任何網站上使用它。
- 在圖像上添加水印。
易於使用/設置
Optimole提供了專用的WordPress插件。安裝插件後,您只需輸入Optimole API密鑰即可。
Optimole將自動同步您的媒體庫,優化圖像並通過CloudFront CDN交付它們。您可以在一分鐘內啟動並運行。
價錢
Optimole提供永遠免費的計劃以及許多高級計劃。
該免費計劃每月支持大約5,000名訪問者,並包括除使用自定義域名的選項之外的所有功能。
付費計劃的起步價為每月19美元,最多可訪問25,000次。
所有計劃都帶有不限帶寬。
最後的想法
總體而言,我們的測試突出了兩項服務:
ImageKit和imgix在圖像優化方面也有很大的不同,並提供了動態圖像處理功能。但是,它們對於普通用戶而言不太容易使用,但在總體體驗上仍然落後於Optimole和Cloudinary。
如果您正在尋找其他方法來優化網站的圖像,則還可以考慮以下文章:
@ Cloudinary,@ imgix,@ ImageKitIO,@ GetOptimole:哪個最好?
您對在Cloudinary,imgix,ImageKit和Optimole之間進行選擇有任何疑問嗎?在評論中詢問我們!