Kutista, karsi ja pakkaa
Yksi yleisimmistä syistä web-sivun hitaaseen latautumiseen on se, että
sivulla on paljon tiedostokooltaan ylettömän suuria kuvia. Kannattaa
siis välttää yliampuvan massiivisia kuvia ja koettaa pitää kuvamäärä
kohtuullisena.
Kuvatiedoston koko on aina kompromissi monien eri tekijöiden välillä.
On siis syytä miettiä tarkkaan, mitkä seikat kuvassa ovat todella
olennaisia.
Keskeisimmät ominaisuudet, jotka vaikuttavat kuvatiedoston kokoon, ovat
kuvan fyysiset mitat (montako pikseliä kuvassa on) ja sen värimäärä
(montako bittiä jokaisessa pikselissä on). Kolmas vaikuttava tekijä
on kuvan tallennusmuoto ja siihen liittyvä pakkaustapa.
Pienennä kuvaa. Useimmiten kuva on riittävän suuri, jos sen vaaka- ja
pystymitat puolitetaan aiotuista mitoista. Toisin sanoen alan
harrastajilla on taipumus käyttää sivuillaan liian isoja kuvia.
Pienennys ei tarkoita mittalukujen puolittamista html-editorissa, vaan
kuvan todellista pienentämistä kuvankäsittely- tai piirto-ohjelmassa.
Vaikka mittalukujen muuttaminen pienentääkin kuvaa selaimen näytöllä,
itse tiedosto pysyy yhtä suurena kuin ennenkin.
Mikäli kuvista tehdään jo valmiiksi lopullisen näyttökuvan
kokoisia, pysyy laatu hyvänä. Vakiokokoisten kuvien asettelu sivulle
on myös helppoa.
Karsi värimäärää. Otsikkografiikoissa ja vastaavissa riittää
yleensä melko pieni värimäärä.Usein 3- tai
4-bittiset (8 tai 16 väriä) gif-grafiikat
ovat varsin käyttökelpoisia, kunhan väripaletti valitaan oikein.
Kuitenkin verrattuna täys- tai 256-värisiin kuviin (24- tai
8-bittiset) tiedostojen koot ovat vain murto-osa.
Mieti ja kokeile, mikä on pienin värimäärä, jolla kuva toistuu käyttökohteen
huomioiden hyväksyttävällä laadulla. Kun muutat kuvan väriavaruutta
suppeammaksi, käytä adaptiivista palettia ja diffuusioditherointia. Näin syntyvästä väripaletista
muodostuu luonnollisemman näköinen. Kuvat, joissa ei ole väriliukuja
kestävät yleensä radikaalin värien vähentämisen.
Käytä tehokasta pakkausta. Tallenna lopullinen kuva joko gif- tai
jpeg-muodossa. Gif on sopiva tallennustapa kuville, joissa on enintään
256 väriä. Jpeg puolestaan on parhaimmillaan täysvärikuvien
pakkaamisessa. Kokeile, millä tavalla saat kuvatiedoston koon
puristettua pienimmäksi.
Jpegiä käyttäessäsi kokeile eri pakkausasetuksilla - muista, että
kyseessä on häviöllinen pakkausmenetelmä, jossa suurempi
puristussuhde merkitsee usein heikompaa kuvanlaatua.
Hyvin pienikokoisissa kuvissa 256-värinen gif saattaa joskus olla
pienempi kuin täysväri-jpeg. Isommissa kuvissa jpeg pakkautuu lähes poikkeuksetta tehokkaammin.
8-värinen gif,
adaptiivinen paletti |
16-värinen gif,
adaptiivinen paletti |
256-värinen gif, adaptiivinen paletti |
 |
 |
 |
| (271 x 180, 16 kt) |
(271*180, 9 kt) |
(271*180, 36kt) |
|
24-bittinen jpeg,
korkea pakkaus, 12 kt |
24-bittinen jpeg,
normaali pakkaus, 18 kt |
24-bittinen jpeg,
matala pakkaus, 24 kt |
 |
 |
 |
| (271 x 180, 12 kt) |
(271 x 180, 18 kt) |
(271 x 180), 24kt) |
|
| Värimäärällä ja pakkauksella voi suuresti
vaikuttaa kuvatiedoston kokoon ja samalla latautumisnopeuteen
web-sivulta. Esimerkin kuvat ovat kaikki rgb-kuvia.
Vastaavan 24-bittisen 591 x 460 pakkaamattoman tiff-tiedoston koko olisi
152kt
Parhaiten kuvien erot näkyvät, jos näytönohjain tukee vähintään
tuhansia värejä. |
Kuvien tekijänoikeudet
 Kuvankäsittelijän
kivitaulu
 Alkuun |
