Webben använder en mängd olika grafiska bilder, var och en med sitt eget syfte och egenskaper. Här är några av de vanligaste:
rasterbilder:
* jpeg (Joint Photographic Experts Group): Det mest använda formatet för fotografier och bilder med smidiga lutningar och komplexa detaljer. Erbjuder hög komprimering, men kan resultera i viss kvalitet, särskilt med skarpa kanter eller text.
* png (bärbar nätverksgrafik): Ett förlustfritt format, vilket innebär att ingen data går förlorad under komprimering. Idealisk för bilder med skarpa kanter, text och logotyper eftersom det bevarar detaljer. Stöder transparens.
* GIF (grafikutbytesformat): Stöder animering och öppenhet. Erbjuder begränsat färgdjup (256 färger). Bra för enkel grafik, logotyper och korta animationer.
* bmp (bitmap): Ett okomprimerat format, som ofta används för bilder av hög kvalitet och när förlustfri komprimering är kritisk. Större filstorlekar än andra format.
* tiff (taggat bildfilformat): Ett högkvalitativt, förlustfritt format som används för professionell bildredigering och utskrift. Stöder lager och andra avancerade funktioner.
vektorbilder:
* svg (skalbar vektorgrafik): Använder matematiska ekvationer för att definiera former och linjer, vilket gör dem oändligt skalbara utan att förlora kvalitet. Idealisk för logotyper, ikoner, illustrationer och diagram som måste ändras utan suddighet.
Andra bildtyper:
* webp (webbbild): Ett nyare format utvecklat av Google. Erbjuder bättre komprimering än JPEG och PNG, samtidigt som den håller hög kvalitet. Stöder animering och öppenhet.
* webm (webbmedia): Används för video och ljud, som ofta används för att bädda in videor på webbplatser.
Att välja rätt bildformat:
* jpeg: Bäst för fotografier, bilder med smidiga lutningar och stora filer.
* png: Bäst för logotyper, ikoner, diagram och bilder med skarpa kanter eller text.
* gif: Bäst för enkel grafik, animationer och transparenta bilder.
* svg: Bäst för logotyper, ikoner, illustrationer och skalbar grafik.
* webp: Bra för bilder av hög kvalitet, särskilt när filstorlek är viktig.
Valet av bildformat beror på de specifika behoven på din webbplats och vilken typ av innehåll du visar.
