Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Oppiskele Vektori- ja Rasterigrafiikan Ymmärtäminen | Työskentely Median ja Taulukoiden Kanssa
Practice
Projects
Quizzes & Challenges
Quizzes
Challenges
/
HTML:n Perusteet

bookVektori- ja Rasterigrafiikan Ymmärtäminen

Digitaalisessa mediassa käytetään kahta pääasiallista grafiikkamuotoa: vektorigrafiikka ja rasterigrafiikka.

Vektorigrafiikka

Vektorigrafiikka luodaan matemaattisten yhtälöiden avulla, jotka perustuvat viivoihin ja muotoihin pikseleiden sijaan. Tämä tarkoittaa, että vektorigrafiikkaa voidaan suurentaa tai pienentää ilman laadun heikkenemistä, koska ne ovat resoluutiosta riippumattomia. Yleisiä vektorigrafiikan tiedostomuotoja ovat SVG. Suoritetaan seuraava esimerkki ja varmistetaan, ettei kuvan laadussa ole eroa, vaikka koko on erilainen.

index.html

index.html

copy

Rasterigrafiikka

Rasterigrafiikka puolestaan muodostetaan pikseleistä ja on tarkkuudesta riippuvaista. Tämä tarkoittaa, että kun rasterikuvaa suurennetaan, pikselit tulevat näkyvämmiksi ja kuvan laatu heikkenee. Yleisiä rasterigrafiikan tiedostomuotoja ovat JPEG, PNG ja GIF. Tarkastellaan seuraavaa esimerkkiä. Leveyden kasvaessa pikselit korostuvat enemmän ja kuvan laatu heikkenee.

index.html

index.html

copy

Yhteenvetona, vektorigrafiikkaa käytetään tyypillisesti logoihin, kuvituksiin ja muihin skaalautuvuutta vaativiin suunnitelmiin. Sitä vastoin rasterigrafiikkaa käytetään valokuviin ja muihin yksityiskohtaisuutta vaativiin suunnitelmiin. Molemmilla grafiikkatyypeillä on kuitenkin omat vahvuutensa ja heikkoutensa.

1. Mikä grafiikkamuoto sopii parhaiten logoihin ja kuvituksiin, joita täytyy suurentaa tai pienentää ilman laadun heikkenemistä?

2. Mikä grafiikkamuoto sopii parhaiten valokuviin ja suunnitelmiin, jotka vaativat korkean yksityiskohtaisuuden tason?

3. Voiko rasterigrafiikkaa suurentaa tai pienentää ilman laadun heikkenemistä?

question mark

Mikä grafiikkamuoto sopii parhaiten logoihin ja kuvituksiin, joita täytyy suurentaa tai pienentää ilman laadun heikkenemistä?

Select the correct answer

question mark

Mikä grafiikkamuoto sopii parhaiten valokuviin ja suunnitelmiin, jotka vaativat korkean yksityiskohtaisuuden tason?

Select the correct answer

question mark

Voiko rasterigrafiikkaa suurentaa tai pienentää ilman laadun heikkenemistä?

Select the correct answer

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 4. Luku 4

Kysy tekoälyä

expand

Kysy tekoälyä

ChatGPT

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

Suggested prompts:

Can you explain the main differences between vector and raster graphics?

What are some common uses for each type of graphic?

Can you give examples of when to choose vector over raster graphics?

bookVektori- ja Rasterigrafiikan Ymmärtäminen

Pyyhkäise näyttääksesi valikon

Digitaalisessa mediassa käytetään kahta pääasiallista grafiikkamuotoa: vektorigrafiikka ja rasterigrafiikka.

Vektorigrafiikka

Vektorigrafiikka luodaan matemaattisten yhtälöiden avulla, jotka perustuvat viivoihin ja muotoihin pikseleiden sijaan. Tämä tarkoittaa, että vektorigrafiikkaa voidaan suurentaa tai pienentää ilman laadun heikkenemistä, koska ne ovat resoluutiosta riippumattomia. Yleisiä vektorigrafiikan tiedostomuotoja ovat SVG. Suoritetaan seuraava esimerkki ja varmistetaan, ettei kuvan laadussa ole eroa, vaikka koko on erilainen.

index.html

index.html

copy

Rasterigrafiikka

Rasterigrafiikka puolestaan muodostetaan pikseleistä ja on tarkkuudesta riippuvaista. Tämä tarkoittaa, että kun rasterikuvaa suurennetaan, pikselit tulevat näkyvämmiksi ja kuvan laatu heikkenee. Yleisiä rasterigrafiikan tiedostomuotoja ovat JPEG, PNG ja GIF. Tarkastellaan seuraavaa esimerkkiä. Leveyden kasvaessa pikselit korostuvat enemmän ja kuvan laatu heikkenee.

index.html

index.html

copy

Yhteenvetona, vektorigrafiikkaa käytetään tyypillisesti logoihin, kuvituksiin ja muihin skaalautuvuutta vaativiin suunnitelmiin. Sitä vastoin rasterigrafiikkaa käytetään valokuviin ja muihin yksityiskohtaisuutta vaativiin suunnitelmiin. Molemmilla grafiikkatyypeillä on kuitenkin omat vahvuutensa ja heikkoutensa.

1. Mikä grafiikkamuoto sopii parhaiten logoihin ja kuvituksiin, joita täytyy suurentaa tai pienentää ilman laadun heikkenemistä?

2. Mikä grafiikkamuoto sopii parhaiten valokuviin ja suunnitelmiin, jotka vaativat korkean yksityiskohtaisuuden tason?

3. Voiko rasterigrafiikkaa suurentaa tai pienentää ilman laadun heikkenemistä?

question mark

Mikä grafiikkamuoto sopii parhaiten logoihin ja kuvituksiin, joita täytyy suurentaa tai pienentää ilman laadun heikkenemistä?

Select the correct answer

question mark

Mikä grafiikkamuoto sopii parhaiten valokuviin ja suunnitelmiin, jotka vaativat korkean yksityiskohtaisuuden tason?

Select the correct answer

question mark

Voiko rasterigrafiikkaa suurentaa tai pienentää ilman laadun heikkenemistä?

Select the correct answer

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 4. Luku 4
some-alt