Cursusinhoud
Ultimate HTML
Ultimate HTML
Begrijpen van Vector- en Rasterafbeeldingen
Er zijn twee primaire soorten grafische formaten die worden gebruikt in digitale media: vectorafbeeldingen en rasterafbeeldingen.
Vectorafbeeldingen
Vectorafbeeldingen worden gemaakt met behulp van wiskundige vergelijkingen gebaseerd op lijnen en vormen in plaats van pixels. Dit betekent dat vectorafbeeldingen kunnen worden vergroot of verkleind zonder kwaliteitsverlies, omdat ze resolutie-onafhankelijk zijn. Standaard vectorafbeeldingsbestandsformaten omvatten SVG. Laten we het volgende voorbeeld uitvoeren en ervoor zorgen dat er geen verschil is in de beeldkwaliteit, rekening houdend met het feit dat de grootte anders is.
index.html
Rasterafbeeldingen
Rasterafbeeldingen worden daarentegen gemaakt met behulp van pixels en zijn resolutie-afhankelijk. Dit betekent dat wanneer een rasterafbeelding wordt vergroot, de pixels zichtbaarder worden, wat resulteert in kwaliteitsverlies. Veelvoorkomende rasterafbeeldingsbestandsformaten zijn JPEG, PNG en GIF. Laten we het volgende voorbeeld uitvoeren. Met toenemende breedte worden pixels meer zichtbaar en neemt de beeldkwaliteit af.
index.html
Samengevat worden vectorafbeeldingen meestal gebruikt voor logo's, illustraties en andere ontwerpen die schaalbaarheid vereisen. Daarentegen worden rasterafbeeldingen gebruikt voor foto's en andere ontwerpen die een hoog detailniveau vereisen. Beide soorten afbeeldingen hebben echter hun sterke en zwakke punten.
1. Welk type grafisch formaat is het meest geschikt voor logo's en illustraties die moeten worden vergroot of verkleind zonder kwaliteitsverlies?
2. Welk type grafisch formaat is het meest geschikt voor foto's en ontwerpen die een hoog detailniveau vereisen?
3. Kunnen rasterafbeeldingen worden vergroot of verkleind zonder kwaliteitsverlies?
Bedankt voor je feedback!