Følg mig på

 Følg Torben Bendixen på Twitter Følg Torben Bendixen på LinkedIn Følg Torben Bendixen på Facebook Følg Torben Bendixen via RSS

Optimer dine billeder til din webshop eller hjemmeside

Optimer dine billeder til din webshop eller hjemmeside

Brug funktionen “Save for web”

De fleste programmer til billedredigering har en funktion, der hedder “save for web” eller noget lignende. Denne funktion giver dig mulighed for at komprimere billeder for at reducere deres størrelse. Billederne er som regel de mest tunge komponenter på en hjemmeside eller en webshop og en reduktion af billedernes størrelse kan gøre sidens load hastighed hurtigere.

Definer højde og bredde

Definition af billedstørrelser med højde og bredde attributter vil i væsentlig grad forbedre din websides load tid.
Når browseren kender størrelsen på billedet det vil den indlæse resten af siden, samtidigt med at der bliver reserveret den plads der står i attributterne til billederne. På denne måde vil hele load processen blive en bedre oplevelse for dine brugere.

Brug ikke billeder til at vise tekster

Når du lægger dine tekster ind i billeder, så øger du ikke blot load tiden på din side, men du gør også teksterne ubrugelige til søgemaskineoptimering. Søgemaskiner crawler ikke billeder men kun tekst. Sørg for at alle dine oplysninger på din webside er i almindelig tekst. Det vil hjælpe både dit websteds hastighed og din søgemaskineoptimering.

Du må ikke ændre størrelse på billeder i HTML

Du må ikke ændre størrelse på billeder med højde og bredde attributter for at lave billederne mindre. Hvis du har et billede der er 400 x 200 og du skalerer det til 200 x 100 i HTML, vil den browseren stadig være nødt til at hente billede i fuld størrelse. I stedet for skal du ændre størrelsen på billederne med et billedredigeringsprogram til nøjagtige den størrelse, du har brug for.

Her på min blog kan du læse hvad jeg skriver om WordPress, webshops, søgemaskineoptimering og blogs. Jeg skriver også om brug af mobiltelefoner, backup osv.

Skriv et svar

  

  

  

Du kan bruge disse HTML tags

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>