Imagify: hur du optimerar dina bilder utan att förlora kvalitet

Imagify Logotyp
WP Rocket Plugin

Varför använda ett plugin för bildoptimering?

Det finns naturligtvis många onlineverktyg som gör att vi kan ladda upp våra bilder online och sedan till WordPress: det är en dubbel ansträngning som kan ta mycket tid om vi arbetar med ett stort antal bildfiler.

En WordPress-bildoptimerare som Imagify komprimerar inte bara våra bilder vid laddning, utan kan också utföra massoptimering för alla filer som redan finns i vårt WordPress-mediebibliotek.

En annan aspekt att tänka på är kostnaden för att använda ett onlineverktyg: de flesta av dem är gratis, men ibland är de bästa funktionerna endast tillgängliga för premiumanvändare. Men om verktyget är 100 % gratis är möjligheterna till optimering minimala.

En annan fördel är att Imagify kan arbeta och optimera våra bilder i synergi med WP Rocket, tack vare ett partnerskap mellan dessa två företag. Det är därför särskilt effektivt att använda Lazy Load-funktionen för att förbättra prestandan och SEO på vår webbplats.

Installerar Imagify

1. Skapa ett gratis konto

Vi kan skapa ett konto gratis genom att gå till Imagify-webbplatsen. Det är också möjligt att gå direkt till WordPress administrationspanel, klicka sedan på Plugins, sedan Lägg till nytt. Vi måste skriva “Imagify” i sökfältet, och vi kan sedan installera och sedan aktivera plugin.

Föreställ dig installationsplugin
Installation och aktivering av plugin


Det är också möjligt att ladda ner plugin direkt från wordpress.org. Allt som återstår är att gå till WordPress administrationspanel, klicka sedan på Plugins, sedan Lägg till nytt och ladda ner ZIP-filen utan att dekomprimera den.
För de som har plugin-programmet WP Rocket kan du installera Imagify genom att gå till fliken “bildoptimering”.
Vi ser då detta meddelande visas:

Installerar IMAGIFY och skapar ett konto
Skapa ett gratis konto

Vi behöver bara ange ett mejl, ingen annan personlig information kommer att efterfrågas. När e-postadressen har skickats kommer vi att få ett svar med våra inloggningsuppgifter. Efter att ha klickat på aktiveringslänken och loggat in kommer vi att ha tillgång till kontrollpanelen för Imagify.

2. Ange din API-nyckel

Autentisering görs med en API-nyckel. Detta finns i aktiveringsmailet vi fick.

Installation av IMAGIFY - API-nyckel
Giltig API-nyckel

Efter att ha kopierat API-nyckeln kan vi gå tillbaka till vår ursprungliga sida och klicka på knappen JAG HAR MIN API-NYCKEL. Detta tar upp en dialogruta med en post för att lägga till vår API-nyckel. När denna API-nyckel har angetts bör vi se en notering som säger “Grattis! Din API-nyckel är giltig. Du kan nu konfigurera Imagify-inställningarna för att optimera dina bilder.”

IMAGIFY – Prissättning

IMAGIFY - Prissättning
Prissättning

Det är möjligt att optimera 20MB bilder per månad gratis, vilket är runt 200 bilder per månad, och om du vill kunna optimera fler bilder finns det bara en betald plan: priset är $9,99 per månad för obegränsad tillgång. Vid årlig betalning ger det här alternativet 2 månader gratis: plugin kommer att kosta $99,9 per år, eller $8,33 per månad.

Imagify Logotyp

Konfigurera Imagify

Nu har vi tillgång till de allmänna Imagify-inställningarna, och vi kan notera att vi har kredit för att kunna optimera bilderna på vår hemsida.

1- Tre bildoptimeringsalternativ erbjuds oss: Normal, Aggressiv, Ultra. Om vi ​​inte vill ha någon kvalitetsförsämring måste vi välja Normalläge. Aggressivt läge är dock det rekommenderade eftersom det fungerar i de flesta situationer. Det kommer verkligen att vara väldigt svårt att märka den minsta skillnaden i kvalitet. Ultraläget använder en maximal optimeringsnivå, vilket möjliggör en enorm besparing i bildstorlek, men det kommer att bli en liten kvalitetsförlust i gengäld. Det är möjligt att använda ett visuellt jämförelseverktyg direkt på Imagifys webbplats.

Installera MAGIFY: allmän konfiguration
Tre nivåer av optimering

2- Alternativ för att automatiskt optimera varje bild som vi skickar till WordPress. Om vi ​​vill spara utrymme på vår server måste vi också avmarkera rutan “Spara originalbilder”. Det bör i detta fall säkerställas att vi alltid lagrar en kopia av originalbilden på vår dator eftersom det kommer att vara omöjligt att återställa dessa bilder i efterhand.

3- Alternativ “Behåll alla EXIF-data för dina bilder”. EXIF-data är information som lagras i foton såsom: objektivets bländare, exponering, ISO, etc.

4- Alternativ “Optimering i WebP-format” och “Skapa WebP-versioner av dina bilder”. Det här är de två inställningarna som gör att bilder kan visas i WebP-format på vår webbplats (såvida du inte använder ett specifikt WordPress-plugin för detta). Det första alternativet lägger till omskrivningsregler till webbplatsens konfigurationsfil (.htaccess) och ändrar inte koden för dina sidor. Det andra alternativet ersätter taggar av beacons . Detta är den rekommenderade lösningen men vissa teman kan gå sönder, så du måste se till att allt fungerar som det ska.

Installera MAGIFY: allmän konfiguration
WebP-inställning

5- Sedan går vi till parametern “Ändra storlek på större bilder”, som gör det möjligt att automatiskt ändra storlek på stora bilder genom att ställa in en maximal dimension. För att undvika att kvaliteten på bilderna sjunker är det generellt lämpligt att ställa in detta värde till ungefär två gånger de dimensioner som vi kommer att använda för bilderna. Du kan också inaktivera den här funktionen genom att avmarkera rutan om det behövs.

6- Optimering av WordPress-temat som används.

7- Slutligen är det möjligt att välja att optimera vissa format som genereras av WordPress och att utesluta andra. Varje ytterligare bildformat kommer att påverka den månatliga användningskvoten.

Installera MAGIFY: allmän konfiguration
Automatisk bildstorleksändring

När dessa inställningar har gjorts klickar du på “Spara och gå till bulkoptimering”. Sedan är det bara att kontrollera informationen och klicka på knappen “IMAGIF’EN ALL” för att optimera bilderna.

IMAGIFY Optimisation terminee
Lyckad optimering

vad är resultatet?

I en tidigare artikel testade jag WP Rocket. Här är prestanda som erhålls efter att ha konfigurerat detta plugin:

Webbplatsprestanda efter Lazy Load av iframes och videobilder - WP Rocket plugin
Prestanda erhålls tack vare WP Rocket

Och nu här är min webbplatsprestanda efter att ha installerat och konfigurerat Imagify:

Prestanda uppnås genom bildoptimering av Imagify
Prestanda uppnås genom bildoptimering av Imagify

Dessa resultat är verkligen utmärkta, eftersom vi vet att vi talar om en redan optimerad webbplats. Sammanfattningsvis kan jag bara rekommendera användningen av Imagify, speciellt eftersom det låter dig enkelt skapa ett konto och optimera ett antal bilder gratis.

Vanliga frågor

Vad är WebP-formatet?

WebP-formatet erbjuder överlägsen komprimering och bildkvalitet och är ett sätt att optimera bilder och snabba upp deras laddningstider på webbplatser.

Varför förbättrar SEO genom att optimera bilder?

Bilder är en av de primära faktorerna som Google beaktar när de mäter Core Web Vitals. Bildkomprimering säkerställer att dina bilder laddas snabbare och förbättrar den övergripande prestandan på din webbplats.

Vad är Lazy Loading?

Tack vare Lazy Loading kommer videorna och bilderna endast att visas gradvis efter den navigering som användaren gör, vid behov. På så sätt förbättras din webbplats prestanda, särskilt för webbplatser med flera inbäddade videor och högupplösta bilder. Denna funktion, som kompletterar bildkomprimering, erbjuds av WP Rocket.

WP Rocket Plugin
WP Rocket Plugin

This publication is also available in : English Français Español Italiano Deutsch Tiếng Việt

Lämna ett svar