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  

Det finnes to hovedtyper grafiske formater som brukes i digitale medier: **vektorgrafikk** og **rastergrafikk**.

## Vektorgrafikk
Vektorgrafikk lages ved hjelp av matematiske ligninger basert på linjer og former i stedet for piksler. Dette betyr at vektorgrafikk kan skaleres opp eller ned i størrelse uten å miste kvalitet, siden de er oppløsningsuavhengige. Standard filformater for vektorgrafikk inkluderer **SVG**. La oss kjøre følgende eksempel og forsikre oss om at det ikke er noen forskjell i bildekvaliteten, selv om størrelsen er forskjellig.

PGltZwogIHNyYz0iaHR0cHM6Ly9jb2RlZmluaXR5LWNvbnRlbnQtbWVkaWEuczMuZXUtd2VzdC0xLmFtYXpvbmF3cy5jb20vY29kZS0xL3ZlY3RvcitncmFwaGljK2V4YW1wbGUiCiAgYWx0PSJtaWNyb3dhdmUiCiAgd2lkdGg9IjgwIgovPgo8aW1nCiAgc3JjPSJodHRwczovL2NvZGVmaW5pdHktY29udGVudC1tZWRpYS5zMy5ldS13ZXN0LTEuYW1hem9uYXdzLmNvbS9jb2RlLTEvdmVjdG9yK2dyYXBoaWMrZXhhbXBsZSIKICBhbHQ9Im1pY3Jvd2F2ZSIKICB3aWR0aD0iMTYwIgovPgo8aW1nCiAgc3JjPSJodHRwczovL2NvZGVmaW5pdHktY29udGVudC1tZWRpYS5zMy5ldS13ZXN0LTEuYW1hem9uYXdzLmNvbS9jb2RlLTEvdmVjdG9yK2dyYXBoaWMrZXhhbXBsZSIKICBhbHQ9Im1pY3Jvd2F2ZSIKICB3aWR0aD0iMzIwIgovPg==

## Rastergrafikk
Rastergrafikk lages derimot ved hjelp av piksler og er oppløsningsavhengig. Dette betyr at når en rastergrafikk forstørres, blir pikslene mer synlige, noe som fører til tap av bildekvalitet. Vanlige filformater for rastergrafikk inkluderer **JPEG**, **PNG** og **GIF**. La oss kjøre følgende eksempel. Når bredden øker, blir pikslene mer fremtredende, og bildekvaliteten reduseres.

PGltZwogIHNyYz0iaHR0cHM6Ly9jb2RlZmluaXR5LWNvbnRlbnQtbWVkaWEtdjIuczMuZXUtd2VzdC0xLmFtYXpvbmF3cy5jb20vY291cnNlcy9jNDY4MDUyZC02ZDQ3LTQ2NzctYjFkMS1mYjExYWNlNzE5YjEvbWVhZGlhLSUyNi10YWJsZXMva2V0dGxlLnBuZyIKICBhbHQ9ImtldHRsZSIKICB3aWR0aD0iNjQiCi8+CjxpbWcKICBzcmM9Imh0dHBzOi8vY29kZWZpbml0eS1jb250ZW50LW1lZGlhLXYyLnMzLmV1LXdlc3QtMS5hbWF6b25hd3MuY29tL2NvdXJzZXMvYzQ2ODA1MmQtNmQ0Ny00Njc3LWIxZDEtZmIxMWFjZTcxOWIxL21lYWRpYS0lMjYtdGFibGVzL2tldHRsZS5wbmciCiAgYWx0PSJrZXR0bGUiCiAgd2lkdGg9IjEyOCIKLz4KPGltZwogIHNyYz0iaHR0cHM6Ly9jb2RlZmluaXR5LWNvbnRlbnQtbWVkaWEtdjIuczMuZXUtd2VzdC0xLmFtYXpvbmF3cy5jb20vY291cnNlcy9jNDY4MDUyZC02ZDQ3LTQ2NzctYjFkMS1mYjExYWNlNzE5YjEvbWVhZGlhLSUyNi10YWJsZXMva2V0dGxlLnBuZyIKICBhbHQ9ImtldHRsZSIKICB3aWR0aD0iMzYwIgovPg==

Oppsummert brukes **vektorgrafikk** vanligvis til logoer, illustrasjoner og andre design som krever skalerbarhet. Til sammenligning brukes **rastergrafikk** til fotografier og andre design som krever et høyt detaljnivå. Begge grafikktypene har imidlertid sine styrker og svakheter.

Hvilken type grafikkformat egner seg best for logoer og illustrasjoner som må kunne skaleres opp eller ned uten å miste kvalitet?

Hvilken type grafikkformat egner seg best for fotografier og design som krever et høyt detaljnivå?

Kan rastergrafikk skaleres opp eller ned uten å miste kvalitet?

Lær det grunnleggende i HTML (HyperText Markup Language), grunnlaget for webutvikling. Dette nybegynnervennlige kurset dekker tags, attributter, elementer og strukturering av nettsider. Få praktiske ferdigheter i å lage overskrifter, avsnitt, lister, bilder, lenker, skjemaer og tabeller. Utforsk beste praksis, optimalisering og webtilgjengelighet. Start din webutviklingsreise med HTML.

Utforsk hvordan nettet fungerer. Lær hvordan data reiser over nettverk, oppdag rollen til protokoller, og løs mysteriene med IP-adresser og domenenavn. Få en overordnet forståelse av hvordan nettlesere og servere kommuniserer for å levere nettinnhold.

Oppdag kraften i koder for å strukturere innhold, fra overskrifter og avsnitt til lister og tabeller. Lær hvordan du kan forbedre elementene med attributter.

Kjernen i HTML-dokumentstrukturen. Lær komponentene i et HTML-dokument, inkludert doctype-erklæringen, head og body. Forstå formålet med hvert element og hvordan de bidrar til den overordnede strukturen på en nettside.

Gjør en nettside mer tiltalende ved hjelp av media som bilder, lyd og video. Arbeid med strukturert tabulær data i form av tabeller.

Utforsk allsidigheten til HTML-skjemaer. Lær å designe intuitive og brukervennlige skjemaer ved å utnytte nøkkelkonsepter og teknikker. Oppdag hvordan skjemaer muliggjør brukerinteraksjon og datasending på nettsteder.

Forståelse av vektor- og rastergrafikk

Vektorgrafikk

Rastergrafikk

1. Hvilken type grafikkformat egner seg best for logoer og illustrasjoner som må kunne skaleres opp eller ned uten å miste kvalitet?

2. Hvilken type grafikkformat egner seg best for fotografier og design som krever et høyt detaljnivå?

3. Kan rastergrafikk skaleres opp eller ned uten å miste kvalitet?