Nettet bruker en rekke grafiske bilder, hver med sitt eget formål og egenskaper. Her er noen av de vanligste:
rasterbilder:
* JPEG (Joint Photographic Experts Group): Det mest brukte formatet for fotografier og bilder med glatte gradienter og komplekse detaljer. Tilbyr høy komprimering, men kan føre til noe tap av kvalitet, spesielt med skarpe kanter eller tekst.
* PNG (Portable Network Graphics): Et tapsfritt format, noe som betyr at ingen data går tapt under komprimering. Ideell for bilder med skarpe kanter, tekst og logoer fordi det bevarer detaljer. Støtter åpenhet.
* gif (grafikkutvekslingsformat): Støtter animasjon og åpenhet. Tilbyr begrenset fargedybde (256 farger). Bra for enkel grafikk, logoer og korte animasjoner.
* bmp (bitmap): Et ukomprimert format, ofte brukt til bilder av høy kvalitet og når tapsfri komprimering er kritisk. Større filstørrelser enn andre formater.
* TIFF (merket bildefilformat): Et tapsfritt format av høy kvalitet som brukes til profesjonell bilderedigering og utskrift. Støtter lag og andre avanserte funksjoner.
Vektorbilder:
* SVG (skalerbar vektorgrafikk): Bruker matematiske ligninger for å definere former og linjer, noe som gjør dem uendelig skalerbare uten å miste kvaliteten. Ideell for logoer, ikoner, illustrasjoner og diagrammer som må endres uten uskarphet.
Andre bildetyper:
* webp (webbilde): Et nyere format utviklet av Google. Tilbyr bedre komprimering enn JPEG og PNG, samtidig som du opprettholder høy kvalitet. Støtter animasjon og åpenhet.
* WebM (Web Media): Brukes til video og lyd, ofte brukt til å legge inn videoer på nettsteder.
Velge riktig bildeformat:
* jpeg: Best for fotografier, bilder med glatte gradienter og store filer.
* png: Best for logoer, ikoner, diagrammer og bilder med skarpe kanter eller tekst.
* gif: Best for enkle grafikk, animasjoner og gjennomsiktige bilder.
* svg: Best for logoer, ikoner, illustrasjoner og skalerbar grafikk.
* webp: Bra for bilder av høy kvalitet, spesielt når filstørrelse er viktig.
Valget av bildeformat avhenger av de spesifikke behovene til nettstedet ditt og hvilken type innhold du viser.