Før var det slik at du måtte lagre ferdig komprimerte bilder i forskjellige utsnitt for at de skulle kunne brukes på websiden din. Slik er det ikke lengre. Netflex komprimerer og kutter bildene automatisk for deg basert på størrelser som gjerne er satt i koden. På den måten slipper du flere varianter av et bilde, samt merkelige formater som tar lang tid å laste i nettleseren.
På web brukes i hovedsak tre forskjellige bildeformater. Bruken av disse bildeformatene er det greit å være litt obs på:
JPG/JPEG
For fotografier og grafikk uten gjennomsiktige bakgrunner og med mange farger, anbefaler vi at jpeg/jpg brukes. Dette er det bildeformatet som gir størst muligheter for komprimering, og som bildemotoren vår kan kutte raskest. Vi anbefaler alltid å bruke dette formatet dersom det ikke skal være gjennomsiktighet i bildefilen. Vi kan i stor grad komprimere ned en jpg til å bli svært liten i filstørrelse.
PNG
For grafikk anbefaler vi at png brukes. PNG kan ikke komprimeres veldig mye fra utgangspunktet, og har støtte for gjennomsiktighet (alpha) i bildefilen. Bruk png om du skal presentere grafikk som skal ha gjennomsiktighet, eller om du har grafiske elementer i få farger. Merk: et stort png-bilde vil fortsatt bli stort når vi kutter og komprimerer det fordi det rett og slett ikke er mulig å komrimere ned et png-bilde så veldig mye.
GIF
Gif har som PNG støtte for gjennomsiktighet, men kun 0/100. Det vil si at innholdet i grafikkfilen ikke kan være f.eks 50% gjennomsiktig. Det unike med gif er at det kan animeres. Gif som grafikkformat var mye mer brukt før enn nå, og vi anbefaler i utgangspunktet å bruke png eller jpeg.
Google sine anbefalinger:
https://developers.google.com/speed/docs/best-practices/payload#CompressImages