Brug det rigtige billedeformat til dine billeder – GIF, JPGE og PNG

af | maj 17, 2017 | WordPress | 0 Kommentarer

En langsom hjemmeside er aldrig en god løsning. For det første så kan det betydet at brugerne af hjemmesiden ikke gider at vente på at siden loader færdig, og derfor forsvinder de igen før de har set og læst jeres budskab på hjemmesiden. I dag er brugere af hjemmesider blevet mere utålmodige. I gennemsnit vil vi kun vente 2 sekunder på at loade en hjemmeside, inden vi forsvinder fra hjemmesiden igen fordi den er for langsom.

En anden ting som er vigtig at tage med i vores drift af hjemmesiden er, at google også straffer hjemmesider med en dårligere ranking, hvis de er for langsomme. Jeg har mange gange set hjemmesider, der er godt kodet og flot at se på, men desværre virker de ikke optimalt fordi man ikke har styr på at optimerer sine billeder til brug på en hjemmeside.

Brug det rigtige billede format til dine billeder – GIF, JPGE og PNG

Det findes i dag mange forskellige billedformater som din browser kan vise, men overordnet set er der tre formater som er bedst at bruge når man gemmer sine billeder til brug på en hjemmeside.

GIF

Formatet kan vise op til 256 farver, og komprimerer billederne ved at trække farver ud af billedet. Bruges på billeder med få farver såsom logoer, stregtegninger og store ensfarvet flader. Et eksempel på det vil være et diagram, der kun består af få farver. I dag vil man oftest bruge PNG 8 bit i stedet for  GIF til at komprimere billeder.

Fordele

  • Lille filstørrelse
  • Mulighed for transparent baggrund
  • Mulighed for at lave animationer

Ulember

  • Formatet understøtter kun 256 farver.

Eksempel på GIF

Eksempel på brug af GIF-formatet

JPEG

Er det format man som oftest ser billeder komprimeret i på nettet. Formatet understøtter milliner af farver, og er derfor velegnet til farvebilleder. Formatet komprimerer billeder ved at trække data ud af billedet. Det ses som oftest ikke på en skærm. Nogle gange når et billede er komprimeret for hårdt kan det ses ved, at billedet bliver sløret, og der kan komme nogle små firkanter i billedet. Det sker fordi der er trukket for meget data ud af billedet.
.
Fordele ved JPEG

  • Millioner af farver
  • Kan ”koge” farvebilleder ned, så det ikke fylder ret meget.

Ulemper ved JPEG

  • Egner sig ikke godt til billeder med tekst og mange kanter.
  • Det er ikke muligt at lave transparent baggrund.

Eksempel på JPEG

PNG

Der findes to måder at komprimerer billeder på med PNG. Den ene måde er at bruge 8 Bit formatet. Det virker på mange måde som med GIF, at det understøtter op til 256 farver. Det andet format er PNG 24, der virker på samme måde JPEG, men har den fordel at billedet understøtter transparentbaggrunde. Modsat JPEG, så PNG et ” Lossless” format, hvilket betyder at det ikke bliver slettet data fra billedet. Desværre betyder det også at PNG mange gange får en større filstørrelse end JPEG.

 

Fordele ved PNG

  • Komprimering uden tab
  • Understøtter transparente baggrunde
  • Millioner af farver (PNG 24)

Ulemper ved PNG

  • Fylder mere (filstørrelse)
  • Ikke understøttet af ældre browsere

Eksempel på PNG

Kingsland Oslo Horse Show

Adresse

Kjellerupsgade 20D 9000 Aalborg

b

CVR

25 84 69 07

Telefon

+45 71 74 70 80

E-mail

info@adnovation.dk

Problemer med din hjemmeside?

Har du en serviceaftale på din hjemmeside, så ring på 71 74 70 80 for fri support. Vi er klar til at vejlede dig og give gode råd, så du kan få løst dit problem.

Share This