Vet du hur du kan minska storleken på dina bilder för att påskynda din bloggs laddningshastighet? Mest nybörjare bloggare vet inte hur man sparar bilder ordentligt, vilket starkt påverkar visningstiden för deras webbplats. I den här artikeln kommer jag att visa dig hur du sparar optimerade bilder till din blogg.

Alla experter bloggarna kommer att berätta att bilderna gör det möjligt att öka engagemanget. Men vad de inte säger är att vikt och storlek spelar mycket. För tunga bilder kommer att bromsa ner din blogg, det kommer att vara långsammare att visa. enligt Strangeloop, en sekund försening kan kosta dig 7% av din försäljning, 11% av sidorna på din webbplats kommer att besöka mindre och 16% av dina kunder kanske inte är nöjda.

Hur räddar du bilder på din blogg korrekt?

När du sparar bilder till din Wordpress bloggmåste du tänka på två saker: bildens format et kompression.

Genom att välja rätt kombination kan du minska 5 gånger din bilds vikt.

För de flesta av oss är de två mest använda bildformaten JPEG et PNG. För att göra det enklare, använd formatet JPEG för bilder med många färger och använd formatet PNG när du till exempel behöver transparent bild.

För dem som inte gör någon skillnad, bilderna PNG är inte komprimerade, vilket betyder att dessa bilder är mycket goda egenskaper. Nackdelen är att din bild är mycket tyngre vilket kommer att bromsa laddningstiden för din webbplats. Å andra sidan formatet JPEG är ett komprimerat format, så bildkvaliteten är inte lika bra som formatbilderna PNG. Bildens storlek minskas dock också.

BlogPasCher, de flesta av bilderna är i JPEG-format.

Nästa steg är komprimering, vilket innebär att minska bildernas vikt och optimeras för webben. Komprimering av en bild kommer att göra en stor skillnad.

Tabellen nedan visar de olika kombinationer som vi kan använda för att spara bilden som används längst ner i den här artikeln.

Bildformat

Bildstorlek

Photoshop Optimering JPEG-format (Top)

33 KB

Optimering TinyPNG

57 KB

JPEG Minim optimering

70 KB

Photoshop Optimering JPEG (Maximalt)

93 KB

Ooptimerat JPEG-format (maximalt)

119 KB

Photoshop-optimering PNG-format

135 KB

PNG-bilden är inte optimerad

145 KB

 

Komprimeringsverktyg för bloggare

Nu när du har sett skillnaden mellan varje typ av komprimering nedan visar jag dig hur du sparar optimerade bilder för webben och ökar hastigheten på din webbplats.

Adobe Photoshop

Adobe Photoshop är en (betald) programvara som levereras med funktioner som gör att du kan spara bilder optimerade för webben. För att göra detta, öppna din bild och klicka på Arkiv-menyn> Spara för webben.

Om du klickar på det öppnas ett fönster. Och till höger ser du ett fält med olika format. För JPEG-formatet har du valet mellan flera former av komprimering, vilket minskar bildens vikt. När du har valt dina alternativ ser du storleken på bilden som visas längst ner till höger.

Viktig: du borde veta att Photoshop är ganska dyr programvara. Du kommer att ha som alternativ GIMP, som är gratis programvara och tillgänglig för alla, men även andra Adobe-produkter som Fireworks, kan utföra denna uppgift på rätt sätt.

TinyPNG

TinyPNG är webbprogramvara som använder smart shedding-teknik för att minska vikten på dina PNG-bilder. Allt du behöver göra är att besöka deras hemsida och ladda upp dina bilder. De kommer att göra komprimeringen åt dig och de skickar nedladdningslänken för din bild till dig igen.

För utvecklare tillhandahåller de också ett API för att konvertera bilder automatiskt.

JPEG MINI

JPEG MINI är en komprimeringsteknik som minskar storleken på dina bilder avsevärt utan att det påverkar deras kvalitet. Du kan använda webbversionen gratis eller köpa programvaran till din dator. De har också ett betalt API som hjälper till att automatisera processen på din server.

ImageOptim

ImageOptim är ett MAC-verktyg som gör att du kan komprimera dina bilder utan att tappa kvalitet genom att hitta de bästa komprimeringsinställningarna och ta bort onödiga färger.

Alternativet för Windows för detta verktyg är Trimning ut.

Som du kan se finns det flera verktyg du kan använda för att utföra bildkomprimeringar för webben. Med Photoshop-komprimering fick vi bättre resultat när det gäller filstorlek men kvaliteten påverkas. TinyPNG är en mycket bra lösning för att spara PNG-bilder för webben.

Vissa kommer att föreslå att du använder en kombination av TinyPNG ou JPEG Mini et Optim Image för bättre resultat. Men om du använder två verktyg för att utföra dina kompressioner kommer du att överbelasta dig lite.

Slutliga tankar om bildoptimering

Om du tidigare inte sparade bilder som är optimerade för webben, börja spara nu. Detta kan göra en enorm skillnad på hastigheten för att publicera din webbplats, och dina användare kommer säkert att tacka dig för det. Naturligtvis kan bildkvaliteten minska avsevärt, men de flesta användare kommer inte att märka denna förändring.

En annan sak, använd ett CDN för din Wordpress blogg kan avsevärt öka laddningshastigheten på din webbplats. Vi använder CloudFlare för alla våra webbplatser. Men det finns också MaxCDN för vår hemsida.

Här är andra medel som borde hjälpa dig:

Vi hoppas att du tyckte att den här artikeln var mycket användbar.

Har du bloggvänner som spelar in sina bilder felaktigt? Dela den här artikeln med dem så att de så småningom kommer att öka hastigheten på deras webbplatspost, och de kommer att tacka dig för det.

Om du har en fråga, vänligen lämna en kommentar nedan. Men glöm inte att följa oss på sociala nätverk.