Summary  
This chapter explains the difference between vector graphics—which use mathematical equations to define scalable shapes without quality loss—and raster graphics, which use fixed pixels and lose quality when scaled.  

General domain of usage  
Graphic design  

Der findes to primære typer af grafikformater, der anvendes i digitale medier: **vektorgrafik** og **rastergrafik**.

## Vektorgrafik
Vektorgrafik oprettes ved hjælp af matematiske ligninger baseret på linjer og former i stedet for pixels. Dette betyder, at vektorgrafik kan skaleres op eller ned i størrelse uden tab af kvalitet, da de er uafhængige af opløsning. Standard filformater for vektorgrafik inkluderer **SVG**. Lad os køre følgende eksempel og sikre, at der ikke er forskel i billedkvaliteten, selvom størrelsen er forskellig.

PGltZwogIHNyYz0iaHR0cHM6Ly9jb2RlZmluaXR5LWNvbnRlbnQtbWVkaWEuczMuZXUtd2VzdC0xLmFtYXpvbmF3cy5jb20vY29kZS0xL3ZlY3RvcitncmFwaGljK2V4YW1wbGUiCiAgYWx0PSJtaWNyb3dhdmUiCiAgd2lkdGg9IjgwIgovPgo8aW1nCiAgc3JjPSJodHRwczovL2NvZGVmaW5pdHktY29udGVudC1tZWRpYS5zMy5ldS13ZXN0LTEuYW1hem9uYXdzLmNvbS9jb2RlLTEvdmVjdG9yK2dyYXBoaWMrZXhhbXBsZSIKICBhbHQ9Im1pY3Jvd2F2ZSIKICB3aWR0aD0iMTYwIgovPgo8aW1nCiAgc3JjPSJodHRwczovL2NvZGVmaW5pdHktY29udGVudC1tZWRpYS5zMy5ldS13ZXN0LTEuYW1hem9uYXdzLmNvbS9jb2RlLTEvdmVjdG9yK2dyYXBoaWMrZXhhbXBsZSIKICBhbHQ9Im1pY3Jvd2F2ZSIKICB3aWR0aD0iMzIwIgovPg==

## Rastergrafik
Rastergrafik derimod oprettes ved hjælp af pixels og er opløsningsafhængige. Dette betyder, at når en rastergrafik forstørres, bliver pixels mere synlige, hvilket resulterer i tab af kvalitet. Almindelige filformater for rastergrafik omfatter **JPEG**, **PNG** og **GIF**. Lad os køre følgende eksempel. Med stigende bredde bliver pixels mere fremtrædende, og billedkvaliteten forringes.

PGltZwogIHNyYz0iaHR0cHM6Ly9jb2RlZmluaXR5LWNvbnRlbnQtbWVkaWEtdjIuczMuZXUtd2VzdC0xLmFtYXpvbmF3cy5jb20vY291cnNlcy9jNDY4MDUyZC02ZDQ3LTQ2NzctYjFkMS1mYjExYWNlNzE5YjEvbWVhZGlhLSUyNi10YWJsZXMva2V0dGxlLnBuZyIKICBhbHQ9ImtldHRsZSIKICB3aWR0aD0iNjQiCi8+CjxpbWcKICBzcmM9Imh0dHBzOi8vY29kZWZpbml0eS1jb250ZW50LW1lZGlhLXYyLnMzLmV1LXdlc3QtMS5hbWF6b25hd3MuY29tL2NvdXJzZXMvYzQ2ODA1MmQtNmQ0Ny00Njc3LWIxZDEtZmIxMWFjZTcxOWIxL21lYWRpYS0lMjYtdGFibGVzL2tldHRsZS5wbmciCiAgYWx0PSJrZXR0bGUiCiAgd2lkdGg9IjEyOCIKLz4KPGltZwogIHNyYz0iaHR0cHM6Ly9jb2RlZmluaXR5LWNvbnRlbnQtbWVkaWEtdjIuczMuZXUtd2VzdC0xLmFtYXpvbmF3cy5jb20vY291cnNlcy9jNDY4MDUyZC02ZDQ3LTQ2NzctYjFkMS1mYjExYWNlNzE5YjEvbWVhZGlhLSUyNi10YWJsZXMva2V0dGxlLnBuZyIKICBhbHQ9ImtldHRsZSIKICB3aWR0aD0iMzYwIgovPg==

Sammenfattende bruges **vektorgrafik** typisk til logoer, illustrationer og andre designs, der kræver skalerbarhed. Omvendt anvendes **rastergrafik** til fotografier og andre designs, der kræver et højt detaljeniveau. Begge grafiske typer har dog deres styrker og svagheder.

Hvilken type grafikformat egner sig bedst til logoer og illustrationer, der skal kunne skaleres op eller ned uden tab af kvalitet?

Hvilken type grafikformat egner sig bedst til fotografier og designs, der kræver et højt detaljeniveau?

Kan rastergrafik skaleres op eller ned uden at miste kvalitet?

Lær det grundlæggende i HTML (HyperText Markup Language), fundamentet for webudvikling. Dette begynder-venlige kursus dækker tags, attributter, elementer og strukturering af websider. Få praktiske færdigheder i at skabe overskrifter, afsnit, lister, billeder, links, formularer og tabeller. Udforsk bedste praksis, optimering og webtilgængelighed. Start din webudviklingsrejse med HTML.

Udforsk internettets indre funktioner. Lær hvordan data rejser over netværk, opdag protokollernes rolle, og afslør mysterierne bag IP-adresser og domænenavne. Få en overordnet forståelse af, hvordan webbrowsere og servere kommunikerer for at levere webindhold.

Opdag kraften i tags til at strukturere indhold, fra overskrifter og afsnit til lister og tabeller. Lær hvordan du forbedrer elementerne med attributter.

Kernen i HTML-dokumentstrukturen. Lær komponenterne i et HTML-dokument, inklusive doctype-deklarationen, head og body. Forstå formålet med hvert element, og hvordan de bidrager til den overordnede struktur af en webside.

Gør en webside mere attraktiv ved hjælp af medier som billeder, lyd og video. Arbejd med strukturerede tabeldata i form af tabeller.

Udforsk alsidigheden af HTML-formularer. Lær at designe intuitive og brugervenlige formularer ved at udnytte nøglekoncepter og teknikker. Opdag, hvordan formularer muliggør brugerinteraktion og dataindsendelse på hjemmesider.

Forståelse af vektor- og rastergrafik

Vektorgrafik

Rastergrafik

1. Hvilken type grafikformat egner sig bedst til logoer og illustrationer, der skal kunne skaleres op eller ned uden tab af kvalitet?

2. Hvilken type grafikformat egner sig bedst til fotografier og designs, der kræver et højt detaljeniveau?

3. Kan rastergrafik skaleres op eller ned uden at miste kvalitet?