XHTML5.NL

Bestandstypen voor afbeeldingen

  • IE 4.0+ *
  • Chrome 1.0+
  • Firefox 1.0+
  • Safari 1.0+
  • Opera 6.0+

Portable Network Graphics (PNG)

MIME-type: image/png
Gangbare extensie: .png

PNG is een afbeeldingenformaat dat rasterafeeldingen zonder enig kwaliteitsverlies kan opslaan. Tevens is gedeeltelijke transparantie van de afbeeldingen mogelijk. Hiermee is dit formaat ideaal voor veel grafische onderdelen van websites.

Internet Explorer heeft incorrecte gamma-ondersteuning en geen kleurcorrectie. Tot versie 7 werkte bovendien gedeeltelijke transparantie niet.

  • IE 1.0+
  • Chrome 1.0+
  • Firefox 1.0+
  • Safari 1.0+
  • Opera 2.1+

JPEG

MIME-type: image/jpeg
Gangbare extensie: .jpg

JPEG is een afbeeldingenformaat dat uitermate geschikt is om foto’s op te slaan. Er is een variabele compressie mogelijk die erg sterk kan zijn voordat zichtbare verslechtering van de foto optreedt.

JPEG is uitsluitend geschikt voor foto’s; computertekeningen die in JPEG zijn omgezet, zijn onmiddellijk herkenbaar aan de beroerde kwaliteit.

  • IE 1.0+
  • Chrome 1.0+
  • Firefox 1.0+
  • Safari 1.0+
  • Opera 2.1+

Graphics Interchange Format (GIF)

MIME-type: image/gif
Gangbare extensie: .gif

GIF is de voorloper van PNG en lijkt daar ook op. Nadelen van GIF zijn dat er slechts 256 verschillende kleuren gebruikt kunnen worden en dat er geen gedeeltelijk doorzichtige pixels mogelijk zijn. Voordeel van GIF is dat animatie in de afbeelding mogelijk is. Praktisch wordt GIF daarom gebruikt voor animatie en PNG in alle andere gevallen.

  • IE 9.0+
  • Chrome 1.0+
  • Firefox 1.5+
  • Safari 3.0+
  • Opera 7.0+

Scalable Vector Graphics (SVG)

MIME-type: image/svg+xml
Gangbare extensie: .svg

SVG is een afbeeldingenformaat dat gebaseerd is op XML en feitelijk een lijst instructies is om de afbeelding te construeren. SVG-bestanden zijn dan ook geen rasterafbeeldingen maar vectorafbeeldingen. Hierdoor is geen grafische software nodig om SVG-bestanden te maken en kunnen de afbeeldingen onbeperkt worden vergroot (immers, op elke grootte kan de afbeelding opnieuw worden getekend met de instructies).

  • IE 4.0+
  • Chrome 1.0+
  • Firefox 1.0+
  • Safari 1.0+
  • Opera 7.0+

Windows-pictogram

MIME-type: image/vnd.microsoft.icon
Gangbare extensie: .ico

Windows-pictogram is een afbeeldingenformaat bedoeld voor pictogrammen, in dit geval het ‘favicon’, het pictogram van de website. Bijzonder aan dit afbeeldingenformaat is dat er meerdere afbeeldingen in één bestand passen, namelijk verschillende versies van het pictogram met verschillende afmetingen en kleurdieptes.

Dit is het enige bestandstype dat door alle browsers wordt ondersteund als ‘favicon’. Voor andere doelen wordt dit bestandstype niet gebruikt op het web.

  • IE niet
  • Chrome 12.0+
  • Firefox niet
  • Safari niet
  • Opera 11.1+

WebP

MIME-type: image/webp
Gangbare extensie: .webp

WebP is een afbeeldingenformaat dat afstamt van mediaformaat WebM. Qua functionaliteit is het ongeveer een combinatie van PNG en JPEG.

Configuratie Apache-server

Gebruik je de webserversoftware Apache, dan kun je onderstaande codes in .htaccess of httpd.conf plaatsen:

  • Stel de MIME-types correct in voor alle bestandsextensies waarbij dit niet standaard gebeurt in Apache:
    AddType image/vnd.microsoft.icon .ico
    AddType image/webp .webp