Cloudinary vs imgix vs ImageKit vs Optimole: Vilket Àr bÀst för bildoptimering?

Cloudinary vs imgix vs ImageKit vs Optimole: Vilket Àr bÀst för bildoptimering?

Försöker du vÀlja mellan Cloudinary vs imgix vs ImageKit vs Optimole för att optimera webbplatsens bilder?

Alla dessa verktyg erbjuder en ny typ av webbplatsoptimering dÀr du dynamiskt kan optimera bilder direkt. Fördelen Àr att du kan skapa en optimal upplevelse för varje besökare. Till exempel fÄr besökare med 4K-skÀrmar en högre upplösning Àn de pÄ 600 px smartphones.

För att hjÀlpa dig att vÀlja mellan Cloudinary vs imgix vs ImageKit vs Optimole, gÄr vi praktiskt och jÀmför varje verktyg med följande mÄtt:

Optimering (vi kör ett riktigt test med en JPEG och en PNG-bild) Enkel installation pÄ WordPress Nyckelfunktioner Pris

⏰ Cloudinary vs imgix vs ImageKit vs Optimole: Snabbt beslut

Om du har kort tid, hÀr Àr en snabb sammanfattning av vÄra resultat:

Optimole var bÀst pÄ att optimera vÄr test-JPEG-bild. Cloudinary var bÀst pÄ att optimera vÄr test-PNG-bild (). Optimole hade den bÀsta övergripande optimeringen nÀr man tittade pÄ JPEG- och PNG-bilder. Optimole och Cloudinary hade den enklaste installationsprocessen för WordPress-anvÀndare . Du kan vara igÄng pÄ WordPress med bara nÄgra fÄ klick och behöver inte hantera nÄgra tekniska steg.

HĂ€r Ă€r en tabell som jĂ€mför de viktigaste resultaten frĂ„n vĂ„rt inlĂ€gg – lĂ€s vidare för en mer detaljerad titt pĂ„ varje tjĂ€nst.

JPEG- och PNG-storlek avser filstorleken för den optimerade bilden som levereras frÄn varje tjÀnst. LÀgre Àr bÀttre.

Cloudinary vs imgix vs ImageKit vs Optimole

MolnÀrt imgix ImageKit Optimole
.
.
JPEG-storlek * 98,8 kB 45 kB 41 kB 30,6 kB
PNG-storlek 18,9 kB 34,8 kB 30,5 kB 28,4 kB
Enkel installation ** ⭐⭐⭐⭐⭐ ⭐⭐⭐ ⭐⭐⭐⭐ ⭐⭐⭐⭐⭐
WordPress-plugin ✅ ❌ *** ✅ ✅
CDN ✅ ✅ ✅ ✅
Dynamisk optimering ✅ ✅ ✅ ✅
Hosted Asset Library ✅ ✅ ✅ ❌
Gratis plan ✅ ❌ ✅ ✅
Startpris för Pro 89 $ / mÄnad $ 3/1 000 bilder +
$ 0,08 / GB CDN
$ 49 / mÄnad $ 19 / mÄnad

Hur vi testade bildoptimeringsprestanda

Om du vill förstĂ„ hur vi testade dessa plugins, hĂ€r Ă€r översikten …

Eftersom alla dessa plugins dynamiskt optimerar bilder baserat pÄ varje besökares enhet finns det ingen enda optimerad bildfil som kan testas som ett mer traditionellt WordPress-bildoptimeringsplugin. För att förstÄ hur mycket varje verktyg kan optimera varje bild, var vi tvungna att bli lite kreativa.

Först tog vi tvÄ bilder och lade till dem pÄ en sida pÄ vÄr WordPress-webbplats:

themes.png – 96 kB

solnedgĂ„ng.jpg – 233 kB

Cloudinary vs imgix vs ImageKit vs Optimole jpeg-testbild

Sedan stĂ€ller vi in ​​varje verktyg pĂ„ vĂ„r WordPress-webbplats.

DĂ€rifrĂ„n laddade vi sidan pĂ„ fronten och tittade pĂ„ NĂ€tverk fliken i Chrome Developer Tools för att bestĂ€mma filstorleken för den levererade bilden. Vi sĂ„g ocksĂ„ till att anvĂ€nda exakt samma upplösning och webblĂ€sare (Chromes “Laptop with HiDPI Screen” -emulering).

Filstorleken som anges ovan Àr storleken pÄ den optimerade bilden som levererades pÄ framsidan av vÄr testwebbplats.

Återigen konverterade alla dessa verktyg dessa bilder till WebP för att leverera dem i Chrome. NĂ€r vi refererar till filformat ovan hĂ€nvisar vi till formatet pĂ„ originalbilden som vi laddade upp till varje verktyg.

Cloudinary vs imgix vs ImageKit vs Optimole: Detaljerad jÀmförelse

MolnÀrt

MolnÀrt

Cloudinary erbjuder leverans och optimering för bÄde videor och bilder pÄ begÀran. Det Àr den enda tjÀnsten pÄ den hÀr listan som stöder videor.

Cloudinary kan hantera dina tillgÄngar frÄn molnet. Sedan kan du dynamiskt manipulera och optimera dina tillgÄngar nÀr du levererar dem till din webbplats.

Nyckelfunktioner

Leverera dynamiskt det mest effektiva bildformatet till varje besökare. Justera automatiskt komprimeringsnivÄer för att sÀkerstÀlla kvalitet. Skala och beskÀra bilder nÀr du levererar dem. Manipulera bilder dynamiskt. Leverera tillgÄngar frÄn flera CDN-filer inklusive Akamai, Fastly och CloudFront (). WebP-support. Optimera och manipulera videor. Dedikerat WordPress-plugin, men du kan anvÀnda det pÄ vilken webbplats som helst.

Enkel anvÀndning / installation

För att hjÀlpa dig att anvÀnda Cloudinary pÄ WordPress erbjuder teamet ett officiellt plugin. Med pluginet kan du ansluta till ditt Cloudinary-konto genom att ange ditt URL för miljövariabel.

NÀr du har anslutit den Àr du klar! Cloudinary synkroniserar automatiskt ditt WordPress-mediebibliotek och börjar optimera / leverera dina bilder Ät dig.

PrissÀttning

Cloudinary anvÀnder ett kreditsystem för sin fakturering, vilket gör det lite mer komplicerat Àn andra verktyg.

En kredit ger dig rÀtt till ett av följande:

1 000 bildtransformationer ELLER 1 GB hanterad lagring ELLER 1 GB nettobildbredd eller 500 videobearbetning sekunder

Om du till exempel behöver 1000 bildtransformationer och 1 GB bandbredd, skulle det kosta dig tvÄ poÀng (en kredit för varje).

HÀr Àr planerna:

Fri – 25 poĂ€ng per mĂ„nad gratisPlus – 225 krediter per mĂ„nad för 89 $Avancerad – 600 krediter per mĂ„nad för 224 $

imgix

imgix

För att beskriva imgix vÀnder jag mig till underrubriken frÄn deras hemsida:

imgix förvandlar, optimerar och cachar intelligent hela ditt bildbibliotek för snabba webbplatser och appar med enkla och robusta URL-parametrar.

Det finns inte mycket att lÀgga till det!

Nyckelfunktioner

Komprimera bilder dynamiskt och konvertera dem till optimala format (som WebP). Ändra storlek pĂ„ bilder automatiskt baserat pĂ„ en anvĂ€ndares webblĂ€sare och upplösning. LĂ€gg till vattenstĂ€mplar eller andra tillĂ€gg. Generera textöverlagringar. Webbstöd. Leverera bilder via ett CDN.

Enkel anvÀndning / installation

TyvÀrr Àr imgix det enda verktyget i listan som inte erbjuder ett dedikerat WordPress-plugin eller nÄgon dedikerad WordPress-dokumentation.

Medan jag kunde stÀlla in alla andra verktyg pÄ nÄgra minuter tog imgix mig lite tid att rÀkna ut och komma igÄng. SÄ smÄningom tÀnkte jag att det inte var sÄ svÄrt, men bristen pÄ ett officiellt WordPress-plugin eller WordPress-dokumentation gjorde det svÄrare Àn det behövde vara.

För att komma igÄng mÄste du registrera dig för ett imgix-konto. Sedan kan du lÀgga till din WordPress-webbadress som kÀlla.

NÀr du lÀgger till din kÀlla kan du ocksÄ ange din imgix-domÀn, varifrÄn dina bilder kommer att visas.

Sedan kan du anvÀnda bilder som underhÄlls av tredje part via imgix-plugin som, Àven om det inte har uppdaterats pÄ tre Är, fortfarande verkar fungera.

PrissÀttning

Till skillnad frÄn alla andra verktyg erbjuder imgix prissÀttning baserat pÄ din anvÀndning.

Du betalar $ 3 per 1 000 huvudbilder som nÄs varje mÄnad, plus $ 0,08 per GB CDN-bandbredd som du anvÀnder.

Om du till exempel fÄr Ätkomst till 2000 huvudbilder och överför 3 GB bandbredd skulle din mÄnadsrÀkning vara 6,24 USD.

Vad Ă€r en “Ă„tkomst till huvudbilden”? Varje bild som du laddar upp till imgix Ă€r en huvudbild, men imgix fakturerar dig bara för bilderna som du öppnar varje mĂ„nad. Det vill sĂ€ga bilderna du behöver leverera till besökare.

Om du till exempel har 3000 bilder, men besökare bara visar 2000 av dem pÄ en mÄnad, debiteras du bara för de 2000 bilderna (plus din bandbredd).

ImageKit

Imagekit

ImageKit Àr ett annat verktyg som erbjuder bildoptimering och manipulationer i realtid. Du kan omvandla en enda huvudbild med olika parametrar och ImageKit levererar ocksÄ automatiskt en optimerad bild för varje enskild anvÀndare.

Nyckelfunktioner

Skala och komprimera bilder automatiskt baserat pÄ varje besökares enhet. Leverera bilder via Amazon CloudFront CDN. Manipulera bilder dynamiskt. Webb-stöd. Dedikerat WordPress-plugin, men du kan anvÀnda det pÄ vilken webbplats som helst.

Enkel anvÀndning / installation

För att komma igĂ„ng mĂ„ste du registrera dig för ett ImageKit-konto. DĂ„ mĂ„ste du stĂ€lla in din WordPress-webbplats som ett “Origin” i ditt ImageKit-konto.

NÀr du har lagt till din WordPress-webbplats som ett ursprung fÄr du en Slutpunkts-URL. För att anvÀnda den URL: n kan du installera det officiella ImageKit WordPress-plugin-programmet och klistra in i slutpunkts-URL: n.

FrÄn och med dÄ hanterar ImageKit automatiskt visning och optimering av webbplatsens bilder.

PrissÀttning

ImageKit erbjuder en evigt gratis plan som möjliggör upp till 20 GB bandbredd per mÄnad.

Om du behöver överskrida det Àr den billigaste betalda planen $ 49 per mÄnad för upp till 40 GB. Utöver detta betalar du 9 dollar för varje ytterligare 20 GB.

Det finns ocksÄ vissa engÄngsavgifter för vissa funktioner. Till exempel betalar du $ 50 en gÄng om du vill anvÀnda ett anpassat domÀnnamn.

Optimole

Optimole

Till skillnad frÄn de andra verktygen som ocksÄ lÄter dig manipulera bilder, fokuserar Optimole frÀmst pÄ bildoptimering ().

Du kan automatiskt optimera dina bilder med komprimering, storleksÀndring och format (t.ex. konvertering till WebP).

Optimole levererar ocksÄ automatiskt den optimala bildstorleken för varje besökare och det kan hjÀlpa dig att implementera andra tekniker som smart lazy loading.

Nyckelfunktioner

Skala automatiskt bilder baserat pĂ„ varje besökares enhet. Komprimera bilder automatiskt – du kan vĂ€lja olika komprimeringsnivĂ„er. Spara bilder via Amazon CloudFront CDN (). Omonterad bandbredd. Smart lat laddning för att pĂ„skynda initiala sidladdningstider. WebP-stöd. Dedikerat WordPress-plugin Ă€ven om du kan anvĂ€nda den pĂ„ vilken webbplats som helst. LĂ€gg till vattenstĂ€mplar till bilder.

Enkel anvÀndning / installation

Optimole erbjuder ett dedikerat WordPress-plugin. NÀr du har installerat pluginprogrammet behöver du bara ange din Optimole API-nyckel.

Optimole synkroniserar automatiskt ditt mediebibliotek, optimerar dina bilder och levererar dem via CloudFront CDN. Du kan komma igÄng pÄ under en minut.

PrissÀttning

Optimole erbjuder en evigt gratis plan samt ett antal premiumplaner.

Den kostnadsfria planen stöder cirka 5000 besökare per mÄnad och innehÄller alla funktioner utom möjligheten att anvÀnda ett anpassat domÀnnamn.

Betalda planer börjar vid $ 19 per mÄnad för upp till 25 000 besök.

Alla planer har obegrÀnsad bandbredd.

Slutgiltiga tankar

Sammantaget stod tvÄ tjÀnster fram i vÄr testning:

Optimole hade den bÀsta övergripande optimeringsprestandan, erbjuder ett snabbt icke-tekniskt WordPress-plugin, och har en gratis plan. Cloudinary fungerade ocksÄ bra (speciellt för PNG-testet), erbjuder ett snabbt icke-tekniskt WordPress-plugin och har en gratis plan.

ImageKit och imgix gjorde ocksÄ en stor skillnad i bildoptimering och erbjuder dynamisk bildmanipulation. De Àr dock inte lika lÀtta att anvÀnda för vanliga anvÀndare och ligger fortfarande lite bakom Optimole och Cloudinary i den totala upplevelsen.

Om du letar efter nÄgra andra sÀtt att optimera webbplatsens bilder kan du ocksÄ övervÀga följande inlÀgg: