Artikkelin on kirjoittanut tekoäly.
JPG – Hyvä valinta valokuville
JPG (tai JPEG) on rasterikuvaformaatti, joka tukee miljoonia värejä. Se käyttää häviöllistä pakkausta, eli osa kuvan tiedoista menetetään tiedostokokoa pienentäessä.
Milloin käyttää:
Valokuvat ja kuvat, joissa on paljon yksityiskohtia tai värisävyjä.
Esimerkki: Tuotekuvat verkkokaupassa tai mainosbannerit.
Hyödyt:
Pienet tiedostokoot ja nopeampi lataus.
Huomio:
Ei tue läpinäkyvyyttä, joten sitä ei suositella logoille tai kuvakkeille.
PNG – Parhaimmillaan läpinäkyvissä kuvissa
PNG on rasterimuoto, joka tukee häviötöntä pakkausta ja läpinäkyvyyttä (alpha-kanavaa). Tämä tekee siitä erinomaisen valinnan kuville, joissa on teräviä reunoja tai joissa tarvitaan läpinäkyvyyttä.
Milloin käyttää:
Logot, kuvakkeet ja kuvat, joissa on läpinäkyvyyttä.
Esimerkki: Painikkeet tai vesileimat verkkosivulla.
Hyödyt:
Ei laadun heikkenemistä tallennettaessa.
Huomio:
PNG-kuvien tiedostokoko voi olla suuri, mikä hidastaa latausaikoja.
SVG – Skaalautuvat grafiikat ja kuvakkeet
SVG (Scalable Vector Graphics) on vektorimuotoinen tiedosto, joka perustuu matematiikkaan eikä pikseleihin. Tämä tarkoittaa, että SVG-grafiikkaa voidaan suurentaa tai pienentää ilman laadun menetystä.
Milloin käyttää:
Logot, kuvakkeet ja muut graafiset elementit, jotka vaativat skaalausta.
Esimerkki: Yrityksen logo, joka näkyy eri kokoisina eri laitteilla.
Hyödyt:
Täydellinen skaalautuvuus ilman laadun heikkenemistä.
Tukee CSS- ja JavaScript-animaatioita.
Huomio:
Ei sovellu valokuville tai monimutkaisille kuville.