4.2. Digikuvan perusteita

Perinteiset tiedostomuodot

Kuvien perinteisiä tiedostomuotoja ovat .jpg (jpeg), .png ja .gif. On olemassa myös uusia tulokkaita formaattien joukossa ovat Googlen julkaisema WebP ja JPEG 2000 sekä JPEG XR.

JPG (JPEG)

.jpg tai .jpeg on yksi maailman käytetyimmistä kuvaformaateista. Se on häviöllinen formaatti, eli kuvan pakkaamisessa menetetään jonkin verran yksityiskohtia ja väritarkkuutta, mutta vastineeksi tiedostokoko pysyy pienenä.

JPG soveltuu erityisesti valokuville ja muille yksityiskohtaisille kuville, joissa ei tarvita läpinäkyvyyttä. Formaatti tukee 24-bittisiä värejä ja mahdollistaa pakkausasteen säätelyn: suurempi pakkaus pienentää tiedostoa, mutta heikentää laatua.

JPEG on erinomainen valinta verkkosivuille ja sähköpostiin, kun halutaan hyvännäköinen kuva mahdollisimman pienessä koossa. Sen heikkouksia ovat kuitenkin pakkauksesta johtuvat häiriöt (kompressioartefaktit) sekä se, ettei formaatti tue läpinäkyvyyttä.

PNG

Jos kuva sisältää läpinäkyvyyttä, oikea tiedostomuoto on .png. PNG on häviötön kuvaformaatti, eli se säilyttää alkuperäisen kuvanlaadun pakkaamisesta huolimatta. Tämän vuoksi PNG-kuvista voi tulla suurikokoisia, erityisesti, jos kuva on monivärinen tai yksityiskohtainen.

PNG sopii erityisesti tilanteisiin, joissa kuvan taustan on oltava läpinäkyvä, kuten esimerkiksi käyttöliittymien grafiikoissa, logoissa tai muissa verkkosivujen elementeissä. PNG tukee myös 24-bittistä väriavaruutta ja 8-bittistä alfa-kanavaa (läpinäkyvyyttä), mikä tekee siitä erinomaisen valinnan visuaalisesti tarkkoihin tarpeisiin.

Vaikka PNG ei korvaa RAW-muotoja tai esimerkiksi .tiff-tiedostoja ammattikäytössä, se on silti loistava vaihtoehto, kun tarvitaan terävää, tarkkaa ja läpinäkyvyyttä sisältävää kuvaa helposti jaettavassa muodossa. PNG on myös parempi valinta kuin JPG silloin, kun halutaan välttää pakkauksen aiheuttamat artefaktit tai säilyttää grafiikan tarkkuus.

GIF

.gif on vanha mutta yhä laajalti tuettu kuvaformaatti. Sen etuna on laaja yhteensopivuus lähes kaikkien grafiikkaohjelmien ja selainten kanssa. GIF tukee häviötöntä pakkausta, mutta vain 256 väriä, mikä rajoittaa sen käyttöä valokuvissa. Sen sijaan se soveltuu hyvin yksinkertaisille, teräväreunaisille piirroskuville, kuten kaavioille ja kuvakkeille.

GIF:n erityinen vahvuus on animaatiotuki: se pystyy toistamaan yksinkertaisia, silmukkaan asetettuja animaatioita, toisin kuin JPG tai PNG. Tämän ansiosta GIF on yhä suosittu esimerkiksi reaktiokuvissa ja lyhyissä animaatioissa verkossa.

WebP

.webp on Googlen kehittämä moderni kuvaformaatti, joka julkaistiin vuonna 2010. Se tukee sekä häviöllistä että häviötöntä pakkausta ja mahdollistaa läpinäkyvyyden sekä animaatiot pienemmässä tiedostokoossa kuin GIF, JPG tai PNG.

WebP tarjoaa erinomaisen kompromissin kuvanlaadun ja tiedostokoon välillä, minkä vuoksi se on yleistynyt erityisesti verkkokäytössä. Selaimista kaikki modernit vaihtoehdot tukevat WebP-formaattia. Tuki puuttuu käytännössä vain Internet Explorer-selaimesta ja vanhemmista Safari-selaimista.

Photoshopin tiedostomuodot

Adobe Photoshopissa on käytössä kaksi tiedostomuotoa, jotka on tarkoitettu ennen kaikkea Photoshopin sisäiseen käyttöön. Niitä käytetään lähinnä muokattavien projektien tallentamiseen, ei varsinaiseen jakeluun. Kun kuva halutaan julkaista verkossa tai siirtää muualle, siitä tallennetaan yleensä erillinen versio perinteisissä kuvamuodoissa kuten JPG- tai PNG.

PSD

PSD on Adobe Photoshopin oma tallennusmuoto, joka säilyttää kaikki kuvan muokkaustiedot: tasot, maskit, säätökerrokset, polut, tekstielementit ja efektit. Se on häviötön tiedostomuoto, jota käytetään työskentelyvaiheessa silloin, kun kuvaan halutaan palata myöhemmin muokattavassa muodossa. PSD-tiedosto voi sisältää myös useita taulukoita, Smart Object -kerroksia sekä linkitettyjä tiedostoja. Koska tiedosto säilyttää kaiken muokkausdatan, sen koko voi kasvaa suureksi.

PSB

PSB (Photoshop Big) on Adobe Photoshopin tiedostomuoto erittäin suurikokoisille projekteille. Se toimii kuten PSD, mutta tukee suurempia tiedostoja: jopa 300 000 × 300 000 pikselin kuvia ja tiedostokokoja, jotka ylittävät PSD:n 2 gigatavun rajan. PSB säilyttää kaikki samat ominaisuudet kuin PSD – tasot, maskit, säätökerrokset, efektit ja vektoripolut – mutta on suunnattu erityisesti suurikokoisiin kuviin, kuten painotuotteisiin, bannereihin tai erittäin yksityiskohtaisiin digimaalauksiin.

PSB-tiedostoja ei kuitenkaan tueta kaikissa ohjelmissa, eikä niitä voi julkaista suoraan verkossa. Ne ovat työskentelyvaiheen muotoja silloin, kun PSD:n kokorajat tulevat vastaan.

Resoluutio ja pikselit

Digitaalisessa maailmassa kuva koostuu pikseleistä eli kuvapisteistä. Kuvan resoluutio taas ilmoitetaan pikseleissä. Esimerkkinä HD-resoluution kokoinen kuva on 1920 pikseliä leveä ja 1080 pikseliä korkea.

Kuvan fyysiset mitat kannattaa asettaa sopivaksi kohteeseen, johon kuvaa aiotaan käyttää. Jos kuvaa käytetään esimerkiksi verkkosivuilla, kuva tulee pienentään sillä suurin osa näyttölaitteista on edelleen alle HD-resoluution. Maksimissaan kuvan mitat tulisivat siis olla 1920×1080.

Photoshopissa kuvan koon voi nähdä käyttöliittymän vasemmassa alalaidassa ja kuvan koon muutos voidaan tehdä Image-valikon Image Size-toiminnolla.

Jokainen pikseli sisältää värin

Digitaalinen kuva muodostuu pikseleistä eli pienistä neliömäisistä pisteistä, jotka ovat niin pieniä ja tiheästi vierekkäin, että ne näyttävät yhdessä eheältä kuvalta. Jokainen pikseli sisältää yksittäisen värin – kun miljoonat pikselit asettuvat vierekkäin, silmämme hahmottavat ne valokuvana, piirroksena tai graafisena kuviona.

Pikselin väri määritellään yleensä RGB-järjestelmän (Red, Green, Blue) avulla, jossa kullekin perusvärille annetaan arvo välillä 0–255. Näiden yhdistelmä tuottaa yli 16 miljoonaa erilaista värisävyä. Väri voidaan ilmaista myös HEX-koodina, joka on yleinen tapa kuvata värejä esimerkiksi verkkosivujen suunnittelussa. HEX (lyhenne sanasta hexadecimal, eli heksadesimaali) koostuu kuudesta merkistä, esimerkiksi #FF5733.

HEX-koodissa kaksi ensimmäistä merkkiä edustavat punaisen (R) voimakkuutta, kaksi seuraavaa vihreän (G) ja viimeiset kaksi sinisen (B). Arvot esitetään 16-järjestelmässä (0–9 ja A–F), jossa 00 tarkoittaa nollaa ja FF maksimia eli 255 desimaalina. Esimerkiksi koodi #000000 on musta (ei väriä), ja #FFFFFF on valkoinen (täysi arvo kaikissa väreissä).

Kun siis katselet kuvaa näytöllä, katsot todellisuudessa miljoonia pieniä värillisiä neliöitä – ja jokainen niistä kertoo oman pienen osansa kokonaisuudesta.