Webdesigner.dk

  • Forside
  • Lav en hjemmeside
  • Lav en blog
  • WordPress hjælp
  • WordPress temaer
  • Seneste artikler
  • Værktøjer
  • Om

Komprimer dine billeder og få en langt hurtigere hjemmeside

Tweet
Share
Share

Komprimer billederI denne artikel kan du lære hvordan du komprimerer dine billeder til brug på nettet, og herved får en hurtigere hjemmeside. At optimere dine billeder er yderst vigtigt, da billeder i forkerte formater og størrelser kan gøre din hjemmeside meget langsom.

Vi kender det alle, hvis en hjemmeside er for lang tid om at indlæse, er vi lynhurtige til at klikke på tilbage knappen i vores browser. Hvis din hjemmeside tager mere end 3 sekunder om at loade, vil hele 40% af dine brugere forlade din hjemmeside med det samme.

Det er derfor yderst vigtigt at din hjemmeside loader hurtigt. Dette er vigtigt for dine brugere og hastigheden er nu også blevet et parameter i Googles algoritmer. Dette betyder at en langsom hjemmeside giver dårligere placeringer i søgeresultaterne.

Ud over dette skifter trafikken over til de mobile enheder. Internet hastigheden på de mobile enheder er typisk langsommere end på hjemmenetværket. Dette er igen med til at vise hvor vigtigt det er, at billederne på din hjemmeside hjemmesider er optimeret.

Komprimer billeder til brug på din hjemmeside

Der er to forskellige principper der gør sig gældende når det kommer til komprimering af fotografier og billeder, til brug på nettet.

Kompression: Din softwares algoritme finder den information i billedet der går igen, og fjerner derefter denne information fra filen. Resultatet af dette er en dramatisk reduktion af filstørrelsen. Det mest kendte format til dette formål er JPEG, hvilket er det format alle billederne på din hjemmeside bør gemmes i.

Ulempen ved at gemme i JPEG formatet er så at dine billeder vil miste detaljer. For den almindelige bruger vil komprimerede billeder, dog ikke være noget de lægger mærke til.

Størrelse: Et kamera kan i dag tage billeder i meget høj opløsning. Selv et billigt kamera kan let tage billeder i f.eks. 4290 x 2800 pixels. Her er der virkelig meget at hente, når det kommer til at reducere filstørrelsen. Ved at lave størrelsen om på dine billeder vil de fylde langt mindre og dette vil ikke ændre på kvaliteten af det, som brugeren ser i sin browser.

Billederne her på webdesigner.dk er blot 700 x 350 pixels. Ved at gemme i denne størrelse får brugerne både flotte billeder og samtidig indlæser siderne hurtigt.

Hvor store skal billederne være til min hjemmeside?

Hvilken størrelse billeder skal være på din hjemmeside afhænger i høj grad af dit design. Det WordPress tema jeg bruger her på siden, har en max bredde bredde på 700 pixels til selve indholdet. Det er derfor også denne bredde jeg har gemt mine billeder i.

På andre af mine WordPress hjemmesider gemmer jeg billederne i 750 x 350, da dette er max bredde i det element hvor teksterne og billeder vises.

Som tommelfingerregel kan du gemme dine billeder, så de er 800 pixels i bredden. Herved tilgodeser du de fleste enheder og WordPres temaer. Sammen med JPEG formatet vil billeder i denne størrelse blive indlæst  forholdsvis hurtigt.

Nu findes der jo også designs der bruger billeder som fylder hele skærmbredden. Dette gør f.eks. en del af Genesis temaerne. Her vil du skulle op i noget større størrelse, før billederne ser ordentlige ud. Hvis du går efter 1600 pixels i bredden til denne type billeder, vil de se fornuftigt ud på de fleste enheder. Det er dog virkelig en svær balance, da dine billeder ikke bør være større en 50 kb.

Generelt kan man sige at jo mindre du kan lave din billeder jo, bedre er det for hastigheden. Det handler altså om at finde en god balance.

Sådan komprimere du dine billeder og tilpasser størrelsen

Hvis du ikke allerede har hentet det gratis billedbehandlingsprogram Paint.net, kan jeg anbefale at du gør det nu. Når det kommer til behandle billeder og lave grafik kan Paint.net alt det du har brug for som hjemmesideejer.

Efter du har hentet Paint, installeret og startet programmet gør du følgende:

  1. Klik på File i menuen ->> og derefter på Open. Find nu det billede du ønsker at bruge på din hjemmeside og åben det.
  2. I menuen klikker du nu på Image ->> og derefter på Resize. Under Pixel size / Width: indtaster du nu 800.
  3. Det næste du skal gøre er at gemme dit billede i JPEG formatet. Klik derfor i File ->> Save.
    Indtast nu Filnavn til dit billede og sørg for at vælge JPEG under Filtype ->> klik nu knappen Gem.
  4. Jo, lavere du kan sætte kvaliteten i den næste boks, jo mindre vil dit billede fylde. Et godt udgangspunkt er sætte Quality på 65.
    Komprimering af billeder
  5. Klik til slut på Ok.

Tip: Når du navngiver dine billeder er det en god ide at bruge søgeord. Herved hjælper du Google med at forstå hvad din artikel og billeder handler om. F.eks. har jeg navngivet billedet øverst i denne artikel: “komprimer-billeder”. Dette er samtidig den primære søgefrase jeg har optimere denne artikel til.

Du har nu lært hvordan du optimerer og komprimerer billeder til din hjemmeside

Ved at følge ovenstående anbefalinger, har du optimeret dine billeder til brug på nettet. Du skal gøre dette på alle dine billeder, da der er virkelig meget at hente på hastigheden.

Din hjemmeside bør blive indlæst på under 1 sekund. For at komme derned spiller optimerede billeder, en helt central rolle.

Optimer alle dine billeder, det er i dag yderst vigtigt du har fokus på hastigheds-optimering af din hjemmeside.

Relaterede indlæg:

  1. Hvor kan jeg købe gode og billige billeder til min hjemmeside?
  2. Lav en god hjemmeside og få en ekstra indtægt online
  3. Pretty Link – Få en højere Click Through Rate på dine affiliate links
  4. ALT tags på dine billeder kan give dig flere besøgende fra søgemaskinerne

Skrevet i: Generelle tips & tricks

Avatar for Anders Christensen

Om Anders Christensen

Anders Christensen har arbejdet med hjemmesider og online markedsføring i over 15 år. Jeg er her for at hjælpe dig med at få lavet den bedst mulige hjemmeside. Webdesigner, online entrepreneur & musiker.

Kommentarer

  1. Avatar for MariaMaria skriver

    30. maj 2018 kl. 12:09

    Hej Anders

    Det er bare en super hjemmeside du har og hvor er det dog nogle meget brugervenlige videoer m.m. du har lavet. Jeg går med en tanke om at lave en hjemmeside, men er meget i tvivl om den måske er meget avanceret. På siden skal det være sådan at medlemmer får deres egen side hvor der skal være plads til at de kan oploade rigtig mange billeder og ud over det skal der være et forum hvor medlemmerne kan skrive sammen og dele billeder. Og ud over det en køb salg sektion for medlemmer. Så vil høre dig om du mener det kan laves i WordPress og om jeg selv kan lave det. Det skal lige siges at jeg er helt ny på hjemmeside området. Håber at høre fra og tak endnu en gang for en super side 🙂 Hilsen Maria

    Svar
    • Avatar for AndersAnders skriver

      31. maj 2018 kl. 18:19

      Hej Maria. Til de ting du nævner vil jeg anbefale dig at kigge efter et andet system end WordPress. Altså det vil godt kunne laves i WordPress, men systemet er som udgangspunkt ikke lavet til at håndtere at brugerne kan lave deres egne komplette sider. Det er mere gearet mod at brugere kan være skribenter på din hjemmeside.

      Samtidig virker det som om at alle de forskellige elementer skal kunne snakke sammen. Dette vil blive en udfordring uanset CMS, så mit råd er at du alliere dig med nogle webudviklere, da der vil være ganske mange tekniske ting der skal spille sammen 🙂

      Svar
  2. Avatar for MariaMaria skriver

    31. maj 2018 kl. 18:48

    Hej Igen tak fordi du vendte tilbage, det må jeg prøve. Tak endnu engang for en super side og din hjælp. Rigtig god aften til dig. Hilsen Maria 🙂

    Svar
    • Avatar for AndersAnders skriver

      31. maj 2018 kl. 19:08

      Du kan evt. oprette en opgave på amino freelancer, der sidder sikkert nogle der gerne vil hjælpe dig, Sørg for at tjekke deres referencer fra tidligere kunder og tag endda gerne fat i tidligere kunder, og hør om de levere gode løsninger og support. Du må også have en super god aften 🙂

      Svar

Skriv et svar Annuller svar

Din e-mailadresse vil ikke blive publiceret. Krævede felter er markeret med *

 

Alt om at lave din egen hjemmeside

Her på siden finder du alt hvad du skal bruge cookiesfor at lave en professionel hjemmeside.

Følg guiden under Lav en hjemmside  så får du en brugervenlig & søgemaskineoptimeret hjemmeside med eget domænenavn.
Velkommen til 🙂

Få e-bogen Sådan laver du din egen hjemmeside helt gratis!

Den komplette guide til at lave din egen hjemmeside & tjene penge online.
Lav din egen hjemmeside - Gratis ebog

Download din gratis ebog nu!

Seneste artikler

  • Blogindlæg skabelonBlogindlæg layout: Den ultimative guide til at skrive et blogindlæg
    4. december 2020
  • SEO optimering af WordPressOptimering af WordPress – Step-by-Step guide
    11. november 2020
  • Lav en hjemmeside – Step-by-Step guide
    5. november 2020

Seneste kommentarer

  • Anders Christensen - 23 januar, 17:54
    Hejsa. Ja, jeg mener at du har installeret WordPress hos Simply, med 1-klik-installation. 1) Efter du har installeret WordPress kan…
    WordPress på Dansk – Nemt og hurtigt med Genesis Temaerne
  • Michael Schultz - 21 januar, 14:06
    1) Der er både wordpress.com og wordpress.org? Hvilket er det? 2) Når du siger installer Wordpress mener du så 1-klick…
    WordPress på Dansk – Nemt og hurtigt med Genesis Temaerne
  • Michael Schultz - 21 januar, 14:03
    …på Simply.com har jeg også installeret Wordpress.
    WordPress på Dansk – Nemt og hurtigt med Genesis Temaerne
  • Anders Christensen - 21 januar, 13:59
    Hej Michael. Ja det er efterhånden noget tid siden jeg lavede videoen, men grundlæggende er de samme ting du skal…
    WordPress på Dansk – Nemt og hurtigt med Genesis Temaerne
  • Michael Schultz - 21 januar, 13:25
    Hej Jeg har nu oprettet domæne hos Simply, købt Genesis framework og Essence Prog hos Studiopress. Jeg kan ikke rigtig…
    WordPress på Dansk – Nemt og hurtigt med Genesis Temaerne

Pupulære artikler

Hvor kan jeg købe billige billeder til min hjemmeside?

Den komplette guide til at lave et nyhedsbrev

Hvor finder jeg gode WordPress temaer oversat til dansk?

Undgå fælden vælg ikke en gratis hjemmeside

Kategorier

  • Domænenavne
  • Generelle tips & tricks
  • Hjemmeside FAQ
  • Lav din egen hjemmeside
  • Lav en blog
  • Markedsføring online
  • Opret en hjemmeside
  • Skriv til nettet
  • Søgemaskineoptimering
  • Tjen penge online
  • Uncategorized
  • Valg af emne
  • Webhoteller
  • WordPress hjælp

Følg med i hvad der sker på webdesigner.dk

Besøg os på Facebook Følg os med RSS Følg os på YouTube

Co2 neutralt website

DIVI WordPress tema
123rf
genesis

Webdesigner.dk anbefaler at du hoster din hjemmeside hos Simply
Copyright © 2021 · Cookies · Genesis theme · Kontakt · Profil
Denne hjemmeside indeholder affiliate links
Lav din egen hjemmeside
CVR-nr.: 26570875

X
Gratis eBog fra Webdesigner.dk : Lær hvordan du laver en professionel hjemmeside!
Klik her
Vi anvender cookies for at give dig den bedst mulige oplevelse af vores website. OkLæs mere