Jos sinulla ei ole kuvankäsitteluohjelmaa, verkossa löytyy useita palveluja kuten jpeg.io/ >> joiden avulla voit muuttaa eri kuvatiedostomuodot jpegiksi verkkoa tai tulostusta varten,

ERI KUVAFORMAATIT

Jpeg kuvake

Jpeg / Jpg (Joint Photographic Expert Group) kuvaformaatti on yleinen  tiedostomuoto valokuvaajien keskuudessa. Melkein kaikki kamerat voivat tallentaa suoraan jpeg tiedoston (Rawn lisäksi). Kuvaa pakkaava (noin 80% alkuperäisestä) tiedostomuoto joka toimii hyvin verkossa ja myös kun tulostat valokuvia kotona tai kuvavalmistamossa. Verkkoon riittää hyvin 60% latu kun tallennat Photoshopilla/Lightroomilla ja printtausta varten suositellaan 80-100% laatu vaikka pienempikin laatu riittäisi.

Variaatiot Jpegistä, esim. MozJpeg, JpegXR, JPEG2000 jne. Jpeg on aina pakattu tiedosto (pienennetty-lossy), ja kuvankäsittely tapahtuu pääosin kamerassa mutta voidaan myös jatkokäsitellä Photoshopissa.

Jpeg ja Jpg:n ero? Jpg juontaa alkunsa siitä kun Windows vuosia sitten ei hyväksynyt kuin 3 kirjainta tiedoston päätteessä, siksi Jpg. Nykyään Windows tukee useampia kirjaimia tiedostojen päätteissä, ja siksi Jpeg = Joint Photographic Experts Group on yleisin käytetty lyhenne.

vertailussa jpeg ja pngkuva

Tässä vertailu Jpeg – Png. Kun malli syvätty taustasta ja tallennettu Pngksi (tai Psd) läpinäkyvyys säilyy ja upotettuna siniselle taustalle tallentuu vain syvätty kuva, ei valkoista taustaa, kuva oikealla. Kun taas tallennamme syvätyn kuvan Jpegiksi (tai tiffiksi) tämä tallentaa kuvan yhteen tasoon ja näin tulee aina valkoinen laatikko kuvan taakse ja läpinäkyvyys katoaa, kuva vasemmalla.

Png kuvake

Png (Portable Networks Graphics) on kuvatiedostomuoto (formaatti) joka pakkaa kuvan tietoja säilyttävänä, ei tuhoavana. Laatu pysyy mutta koko on suurempi kuin Jpeg. 8-bittinen png voidaan käyttää esim. logojen pakkaukseen verkossa = pieni tiedostomuoto. 32 bittinen versio pitää laadun alkuperäisenä. Png tukee läpinäkyvyyttä. 

PNG käyttää häviötöntä Deflate-pakkausta.

Gif kuvake

Gif (Graphics Interchange Format) sisältää vain 256 väriä ja ei sovellu paino- tai printtaustöihin. Käytetään usein verkossa animaatioden luomiseen. GIF:n etuna on, että lähes jokainen tietokonegrafiikkaohjelma edelleenkin tukee sitä. GIF soveltuu häviöttömänä JPEG:iä paremmin myös tietynlaisten teräväreunaisten piirroskuvien esittämiseen.

svglogo

SVG (Scalable Vector Graphics), on vektoriformaatti ja toimii parhaiten logoihin tai tekstiä sisältäviin kuviin kuten pienet kuvakkeet ja vaikkapa suurikokoiset graafit. SVG -tiedosto toimii hyvin verkossa vaikkapa yrityksen logoissa. Svg ei siis ole varsinainen kuvaformaatti vaan vektoritiedosto, mutta koska voi sisltää myös kuvia niin mainitsen tässä yhteydessä.
Kuvan eli bitmapin ero vektorikuviin on siis se että bitmap koostuu pikseleistä, kun taas Svg vektoriformaatti koostuu muodoista/viivoista.  Kaikki ohjelmat eivät näytä svg-tiedostoja ja jos sinulla ei ole siihen sopivaa ohjelmaa, voit vetää svg:n selaimeen koska selaimet osaavat muodostaa kuvan svg:stä. Siksi sitä käytetään verkossa graafeihin ja logoihin.

Katso tämän sivun alimmainen kuva!

Raw kuvake

Raw ei ole sanan varsinaisessa merkityksessä kuvaformaatti vaan raw sisältää kaiken infon mitä kenno, kamera ja objektiivi pystyy tallentamaan. Vaatii siis kuvankäsittelyohjelman jolla raw:sta saadaan kuva verkkoa tai printtausta varten. Kaikki säädöt kuten värit ja kontrasti tehdään aina jälkikäteen kun taas Jpeg-kuva käsitellään valmiiksi kamerassa ja siten vaikeampi jälkikäteen muokattavissa. Jpeg myös pakattu versio kun taas raw pakkaamaton.

Jos Raw kuvat eivät näy Windowsissa, kokeile tätä koodekki pakettia (W7 ja 8) > Microsoft Camera Codec Pack

Windows Storesta löytyy Windows 10 Raw Image Extension jolla Raw kuvat näkyvät, lataa tästä >>

Tiff kuvake

Tiff / Tif (Tagged Image File Format) on painotuotteisiin tarkoitettu formaatti joka voi olla sekä RGB (sRGB) että CMYK (painotuotteet) muodossa. Kuvan kokoa voi pienentää laatua heikentämättä LZW pakkauksella.

Tiff näyttää kuvan 100% laadulla ja pikseleitä ei katoa tallentaessa tähän muotoon. Paras laatu mutta suurin tiedostokoko. Jos aiot jatkossa käsitellä tallentamasi kuvaa, niin kannatta aina tallentaa tiff muotoon joka ei tuhoa pikseleitä.

Psd kuvake

Psd (Photoshop Document) on Photoshopin muokkausystävällinen työtiedosto joka säilyttää kuvan laadun pakkaamattomana. Voidaan säilyttää eri tasot (layers) joita tarvitaan kuvankäsittelyssä ja jatkokäsittelyssä. Myös Gimp ja monet muut ohjelmat tukevat tasoja. Tasojen käyttäminen on tarpeen silloin kuin haluat muokata kuvaa monella eri asetuksella. Käytä aina uusi taso esim. kontrastille, värisävyille jne… Näin voit palata tasoon jota haluat muokata ja kaikki muut säädöt pysyvät ennallaan.

Kaikki korjaukset säilyvät kunhan et tallenna toiseen muotoon, ja voit aina palata PSD-tiedostoon tekemään lisämuokkauksia.

Laatu pysyy 100% niinkuin Tiffissä, mutta eri tasojen takia koko suurenee merkittävästi, 100 megan tiedostot ei harvinaisia. Aivan kuten Raw:ta käsiteltäessä voit siis tehdä uusia säätöjä tallentamisen jälkeen.

webp logo

WebP on moderni kuvaformaatti lähinnä verkkoa varten. Kuvat voi tallentaa samalla tavalla kuin png, eli laatu pysyy 100%, tai niinkuin Jpeg pakattuina, jolloin kuvalaatu heikkenee, mutta koko pienenee vastaavasti. Pakattu webp on pienempi ja laadukkaampi kuin vastaava Jpeg.

Mm. Google Chrome tukee tätä formaattia ja monet verkkosivut tarjoavat ensisijaisesti tätä formaattia kävijöille mutta Jpeg versio back upina. Näin sivujen latausaika lyhenee. Lue lisää WebP formaatista >>

Avaa WebP kuvat ja tallenna vaikkapa Jpegiksi Windowsin sisäänrakennetulla Paint ohjelmalla.

tai katsele ohjelmalla XnViewer tästä >>  –  löytyy myös konvertointiversio ohjelmasta, tästä >>

rgb kaava
cmyk kaava

Mikä on mustavalko ja harmaasävykuvan ero? Verkossa mustavalkoinen (Black & White) kuva on edelleen RGB tai sRgb muodossa ja voidaan näin vaikka ruskeasävyttää (sepia). Myös muita värejä voidaan käyttää. Kun taas harmaasävykuva (Greyscale) sisältää vain eri harmaasävyt ja näin tiedostokoko on pienempi. Kuvalabbiksissa ei välttämättä ole tälle formaatille omaa säätöä joten jos haluat tulostaa mustavalkoisen kuvan, tallenna kuva mustavalkoisena (Black & White).

Väriavaruus
sRgb = tulostuksessa ja verkossa käytettävä värimaailma (myös osa sanomalehdistä hyväksyvät tämän)
RGB = painotuotteisiin, voidaan muuttaa CMYK tiedostoksi

RGB väriavaruus (josta 1 muoto on sRgb) koostuu väreistä Red, Green ja Blue (punainen, vihreä ja sininen) ja valkoinen väri muodostuu siitä kun kaikki värit 100% (arvot 255+255+255). Katso kaavio.

CMYK väriavaruus (painoa varten) koostuu väreistä C=cyan/syaani, M=magenta, Y=yellow/keltainen ja K=musta (keycolor). Tämä on subtraktiivinen värisekoitus ja kun kaikki 4 perusväriä nollassa niin syntyy valkoinen. Käytännössä valkoinen on sama kuin paperin pohjaväri koska valkoista väriä ei yleensä löydy painokoneista.

Kun käsittelet alkuperäisiä kuvia, käsittele aina AdobeRGB muodossa ja tallenna tulostusta ja verkkoa varten sRgb:ksi jälkikäteen. Jos aiot jatkotyöstää kuvaa, tallenna se väliaikaisesti Tiff:ksi tai jos työskentelet eri tasoja käyttäen, PSD:ksi. Tästä seuraa myös se että jos kuvaat kamerassa suoraan Jpegiksi, käytä mieluusti AdobeRGB maailmaa. Näin alkuperäisessä kuvassa mahdollisimman suuri värimaailma, jos vaikka haluat myydä kuvia asiakkaille.

Jos sen sijaan kuvaat Raw:lle, niin valitset värimaailman vasta kun kuva on käsitelty ja valmis tallennettavaksi, koska Raw sisältää kaiken sen infon mitä kenno ja kamera pystyy tallentamaan. Raw ei siis ole kuvaformaatti vaan tiedostomuoto. RGB painoa varten, ja Srgb verkkoa ja tulostusta varten. Raw on siis digimaailman negatiivifilmi, kun Jpeg voidaan verrata filmimaailman diafilmiin. Negassa on paljon säätövaraa kun taas dia on melko lailla valmis kun filmi kehitetty.

cmyk painovärit esimerkki

COPYRIGHT: Jon Sullivan-PD Photo-This color separation by Jacob Rus-CMYK separation–maximum black-CC-BY-SA-4.0-https://commons.wikimedia.org/w/index.php?curid=4688829

CMYK malli.

Viereisen kuvan painamiseen tarvitsemme siis 3 osaväriä sekä mustan. Värit vasemmalta oikealle ovat Cyan, Magenta, Yellow ja K (musta). Muista myös että paperilaatuja löytyy erilaisia, ja esim. sanomalehtipaperi on yleensä hieman kellertävä ja näin värit toistuvat erilaisina kuin esim. tulostettaessa.

Esimerkki tästä on myös jos vertaat yrityksen logon värejä vaikkapa tarratulostus suhteessa painossa. Tarra on aina erinomainen väreiltään ja usein käytetään PMS värejä, kun taa painossa logon värit hajoitetaan pisteiksi ja näin värit muuttuvat. Painetusta logosta ei saa ikinä ihan samanväristä kuin tarrasta.

Verkkoa varten kannattaa välttää kirjoittamasta tekstiä kuvan päälle, koska kun kuva pakataan (pienennetään) ja pikseleitä katoaa tekstiä voi olla hankala lukea. Esim. Facebook pakkaa kuvasi entisestään jos koko yli 100 kb ja laatu tekstin suhteen heikkenee.

Jos haluat painaa mustaa tekstiä kuvan päälle, valitse taitto-ohjelmasta aina mustan päällepainatus. Jos haluat valkoisen tekstin kuvaan, niin älä käytä päällepainatus asetusta koska painossa ei yleensä ole valkoista väriä vaan valkoinen muodostuu siitä että teksti syvätään jokaiseen väriin ja näin valkoinen on sama valkoinen kuin käytetty paperi.

bitmapkuva verrattuna svg-vektoriin

Kun bitmapin (kuvan) skaalaa isommaksi kasvaa koko sekä kuva pikseloituu. Svg puolestaan säilyttää kuvalaadun vaikka kuinka suurentaa.

svg grafiikka

Tässä esimerkki kuinka voimme skaalata SVGtiedostoa suuremmaksi laadusta tinkimättä ja läpinäkyvyys säilyy.