Optimering af billeder
Håndtering af billeder på web kan nogen gange være udfordrende
Derfor kommer her en meget udførlig guide til hvordan man kan få sine (produkt) billeder på webshop og hjemmeside til at spille.
Der er ikke altid een måde at opsætte billeder men ud fra denne guide kan der tages højde for alle elementer og få valgt den rette måde.
Valg af billede type
Grundlæggende har man 3 billeder typer at vælge imellem
JPG
Denne type er den mest gængse og mest udbredte på internettet. Vil man sikre kompatibilitet med alle er dette det helt sikre valg.
Fordele:
-
God understøttelse
-
Rigtig god komprimering
-
Meget udbredt og kendt format
Ulemper:
- Understøtter ikke transparency
PNG
Denne type er også meget populær men har også specifikke formål som gør den til et godt valg
Fordele:
-
God komprimering
-
God understøttelse
-
Understøtter transparency
Ulemper:
- Billeder fylder mere end jpg
WEBP
Dette billede format er af nyere dato og derfor er der heller ikke fuld understøttelse alle steder. Formatet er bygget af Google med ønsket om et format der er mere fleksibelt og fylder mindre. Læs mere om WEBP.
Fordele:
-
Rigtig god komprimering
-
God understøttelse men mangler support i Safari browser
-
Understøtter transparency
Ulemper:
- Mangler fuld support i alle browsere. Især ældre browsere og Safari kan ikke vise dette format.
Valget af format afhænger derfor om man kan leve med manglende understøttelse, om størrelsen er afgørende eller om man har bruge for specifik funktionalitet som transparency.
Det sikre valg er jpg
