Starta
Driva & Utveckla
Marknadsföring
Ekonomi
Mer

Optimera din hemsidas bilder på 5 minuter

Dela artikeln
onsdag, 29 maj 2013 0

ParisAtt optimera bilderna man har publicerade på sin hemsida är enkelt och kan göras med kort tidsåtgång. Med optimerade bilder så får du en snabbare hemsida vilket ger nöjda besökare och i många fall bättre grund för att ranka bra i sökmotorn Google (speciellt om du har många bilder som inte är optimerade).

Exempelvis så kan expressen.se i skrivande stund spara 312.4 kB enbart på att optimera sina bilder, vilket skulle ge en knappt marginell skillnad i laddningstid för besökaren som har bredband.
Men, för de med dålig anslutning/täckning, eller de som har fått sin mobila anslutning strypt resten av månaden av sin operatör så leder 312.4 kB till en missnöjd besökare, exempelvis så skulle det ta 45 sekunder att ladda dessa totalt onödiga kilobytes för en besökare med en 56,6 kbit/s (vilket är vad de flesta operatörerna stryper sina dataplaner till).

Optimera bilderna för webben

Bilderna optimerar du i tre steg.

1. Spara i rätt kvalitet och bildformat i ditt bildredigeringsprogram.
2. Skala bort onödiga bytes genom smush.it
3. Ladda upp bilderna på din hemsida och ange bilddimensioner.

1. Spara bilderna på rätt sätt för webben

Första frågan som behöver besvaras är vilket format som bilden ska sparas i.
Fotografier och bilder med väldigt mycket färger ska sparas i JPG/JPEG, men man behöver inte alltid välja den högsta kvalitén. Speciellt på mindre bilder där det ändå är svårt att urskilja detaljer.
För logotyper och grafiska element som har relativt få färger, så är PNG det bästa formatet.

2. Optimera bilden genom smush.it

Smush.it är Yahoo’s verktyg för bildoptimering, där man också använder algoritmer från andra, bra verktyg för bildoptimering (vilket gör det till ett bra allt-i-ett verktyg)

Bild från Yahoo smush.it

3. Ladda upp dina optimerade bilder på din hemsida

När du har laddat ner dina smushade bilder (genom att klicka på “Download Smushed Images”) och laddat upp dem på din hemsida så har du två saker kvar att göra.
I din hemsidas CMS (publiceringssystem) så fyller du i bildens mått i rutan där det ska anges, genom att definera bildens mått så kan webbläsaren rendera bilderna snabbare.
Bildens mått, vilket anges i pixlar, hittar du genom att högerklicka på bilden på datorn och sen gå in på “egenskaper”.

Ur SEO-synpunkt så återstår det nu bara att ge bilden en ALT-tagg, vilken är till för att sökmotorer ska få reda på vad bilden handlar om.

Välj kommun från listan