Kuvatiedoston koon pienentäminen

Kirjoittanut i. arhi

Digikameralla otetut kuvat ovat "järjettömän" suuria, kun yritetään rakentaa katsojalle vikkelästi toimiva sivusto. Kuvien tiedostokokoon voidaan vaikuttaa neljällä tavalla:

Pienennetään kuvan mittoja.
Tiedostomuodoksi valitaan kuvalle sopiva.
Pudotetaan kuvan laatua huonommaksi.
Syvätään kuva eli irrotetaan se taustasta.

Sijoita LaituriPohja laituritikkaiden alle. Jalkojen alla ei ole enää epämääräistä liejua tai ikäviä kiviä. Avaa sivu ja tutustu.

TurvaHehkuvalo ECOaurora. Toimii ilman sähköä. Hehkuu 15 tuntia, toimii ulkona yli 20 vuotta. Suojaa vaarapaikat ulkona ja sisällä ! Avaa esite.

Tässä ohjeessa annetaan johdanto kuvatiedoston pienentämiselle. Se voi tuntua vaikealta asialta, ja hyvin tehtynä sitä onkin. Mutta tässä ohjeessa ei pyritä siihen, vaan mahdollisimman helppoon, täysin automaattiseen tiedoston pienentämiseen: Yhtään kuvaa ei avata katsottavaksi. Kuvia voidaan pienentää kerralla 1 tai 10 000 kpl - sama työmäärä.
Lopputulos on erittäin pieni tiedosto, joka latautuu katsojalle erittäin nopeasti. Kuvissa olevat virheet häiritsevät vasta niitä suurennettaessa. Sitä tuskin kukaan tekee.

Mittojen pienennys. Suuren kuvan sopiva mitta vähäliikenteisellä sivustolla voi olla esimerkiksi 450 - 550 pikseliä kuvan pisin sivu. 480 on tuttu mitta. Suurilla sivustoilla käytetään paljon pienempiä, esim. 200 - 320 pikselin isoja kuvia. Valkoinen reuna niiden ympärillä antaa illuusion suuresta kuvasta, vaikka kuva-aines olisi vain 200 pikseliä. Suuret mitat on yleensä varattu kalliimmille tuotteille.
Tiedostomuoto. Tämä tarkoittaa, kaikille valokuville valitaan .jpg muoto ja grafiikalle ja [tietokoneen]näyttö kuville joko .png tai .gif kun halutaan paras laatu. Muussa tapauksessa niillekin sopii .jpg. - Digikameran kuvat ovat yleensä valmiiksi .jpg muodossa.
Kuvan laatua huononnetaan. Tämä voidaan tehdä .jpg kuvien kohdalla helposti antamalla laadulle % luku. Vikkelästi toimivalle sivustolle voidaan valmistaa kuvat, joiden "laatu" on 40% tai jonkun verran yli. 40% on suunnilleen raja, jota huonompilaatuiseen kuvaan ilmestyy helposti havaittavia virheitä. Muilla tiedostomuodoilla pudotetaan värien määrää (ei esitetä tässä ohjeessa).
Kuvan syvääminen tarkoittaa, että kuva irrotetaan taustasta. Silloin suuri osa kuvan pinta-alasta on valkoista, läpinäkyvää tai jotain muuta taustaväriä. Tämä kasvattaa tiedoston kokoa erittäin vähän. Tämä kuuluu kuvankäsittelyyn ja se sivuutetaan tässä ohjeessa.

Kaikki askeleet 1 - 3 voidaan tehdä automattisesti ja suurelle määrälle kuvia kerrallaan. Yhtään kuvaa ei tarvitse avata katsottavaksi. Jos lopputulos ei miellytä, voidaan poistaa yksi kansio jossa kaikki pienennetut kuvat ovat. Muutetaan jotain asetusta ja annetaan tietokoneen jälleen tehdä työ.

Tässä oppaassa annetaan yksityiskohtaiset ohjeet asetuksille. Tarvitset muuttaa asetuksia vain, jos haluat suurempia/ pienempiä kuvia tai parempilaatuisia kuvia. Ohjeissa mainitaan asetukset, joita voi silloin muuttaa.

Ohje alkaa alusta. Tietokoneelle ladataan internetistä maksuton, erinomainen, turvallinen IrfanView ohjelma. Se on ollut saatavana jo yli 10 vuotta! Seuraava ohje on 15.10.2007 julkaistulle 4.1 versiolle, mutta ohjelman toiminta on sama aiemmissa versioissa. - Ohje on Windows käyttöjärjestelmä tietokoneille.

Työn tulos on tässä:
Lähtökohta kuvalle on voinut olla vanha noin 500 kilotavun kuva.
Kun sen pisimmän sivun pituus on asetettu 480 pikseliksi, niin kuvan koko on 108 kilotavua. Sen jälkeen kuvan laatua on huononnettu, ja tulos on 8.13 kilotavun kuva.
Huomautus: Alkuperäinen suuri kuva näyttää aivan yhtä suttuiselta!

Talviruusu kuva näyttää alkuperäisen kaltaiselta, vaikka on vain murto-osa siitä. Kaikki muutokset on tehty automaattisesti ohjeen mukaan. Tiedoston koko on pieni 8.13 kt.

Tämä ohje pysähtyy tähän. Kuville on mahdollista tehdä automaattisesti monia asioita, mutta silloin mahdollisuus virheisiin suurenee. Tavoite on yllä olevassa kuvassa saavutettu. Kuvan tiedosto on tarpeeksi pieni, jotta se voidaan esittää katsojalle nopeasti.

Näytän alla lyhyesti kaksi esimerkkiä, jotka kertovat mitä kuville voisi vielä manuaalisesti tehdä jotta niiden ulkonäkö olisi parempi - siis "kauniimpi". Tämä ohje ei neuvo, kuinka alla mainitut työvaiheet tehdään.

Esimerkki 1: Kuva on rajattu eli siitä on leikattu ympäriltä liian suuret reunat. Sen jälkeen kuvan värejä on vähän korjattu. Lopuksi kuvatiedosto on pienennetty tämän ohjeen mukaan. Kuvan mitat ovat 244 x 331 pikseliä. Tiedoston koko on 7.66 kilotavua.

Rajattu ja värikorjattu kuva. Mitat ovat 244 x 331 pikseliä. Tiedoston on 7.66 kt.

Esimerkki 2: Kuva on rajattu ja kuvan värejä on vähän korjattu. Sitten kuva on syvätty. Lopuksi kuvatiedosto on pienennetty tämän ohjeen mukaan. Kuvan mitat ovat 220 x 298 pikseliä. Tiedoston koko 7.18 kilotavua.

Rajattu, värikorjattu ja syvätty. Mitat ovat 244 x 331 pikseliä. Tiedosto on 7.18 kt.

Viimeksi päivitetty ( 24.04.2009 )

Seuraava >

‹‹Takaisin