Epätaide / Kuvaformaatit

Verkkosivuilla, tai miksei muutenkin kuvien koko kannattaa optimoida sopivaksi tilan säästämiseksi. Se voi tuntua hifistelyltä nykyajan tiedonsiirtonopeudet huomioiden, mutta teknologian kehittymisen ei tulisi antaa optimointitaitojen rapautua. Kehittyvään teknologiaan tukeutuminen on johtanut siihen, että yksinkertaiset sovellukset ohjelmoidaan resurssitehokkuutta ollenkaan huomioimatta ja kun tämän annetaan eskaloitua, syntyy aivan liian resurssisyöppöä ohjelmistoa.

Tässä kuitenkin lyhyt esitelmä vain kuvaformaateista. Äärimmäinen esimerkki sivustosta, jolla kuvaformaatteja ja kuvien kokoa ei ole huomioitu juuri laisinkaan on legendaariset "Suomen Jediakatemian" vanhat sivut jotka löytyvät edelleen Wayback Machinesta.

Sivuilla käytetään kuvia, jotka sisältävät tekstiä. Tarkoituksena on saada teksti näyttämään paremmalta ja ymmärrän periaatteen, etenkin kun ottaa huomioon ajankohdan jona sivu on laadittu, eli 2000-luvun alkuvuodet. Kuvat on tässä tapauksessa täysin pakkaamattomia BMP-kuvia ja niitä on paljon.

Otan esimerkkikuvaksi sen, jossa lukee "AJATAR JEDI ENNUSTAJA". Koska JPG ei ole oikea formaatti tämän tyypisille kuville, vaan se on enemmänkin valokuville, olkoon käyttämäni formaatti PNG ja varsinkin 256-värinen PNG-8.

Kuvaa tarkemmin katsoessa vaikuttaa siltä, että se olisi alkujaan pakattu JPG-muotoon ja että taustavärin olisi tarkoitus olla sama kuin sivun taustaväri (#800080), mutta tätä ei ole osattu tehdä, joten on haettu silmämääräisesti lähellä olevaa väriä (#700070).

Korjaan tämän virheen muuttamalla taustavärin oikeaksi ja poistamalla taustasta JPG-pakkauksen aiheuttaman nuhruisuuden.

Kooltaan kuva on 177 656 tavua. Pelkästään BMP:n muunto PNG:ksi muuttaisi koon 87 750 tavuun ilman että kuva muuttuu ollenkaan. 256-värinen PNG-8 saattaisi olla tässä tapauksessa tarkoituksenmukaisempi, koska koko laskee 28 560 tavuun eli 16 prosenttiin alkuperäisestä ilman, että laatu silmämääräisesti laskee liikaa.

Tässä kuvat alkuperäisen taustavärinsä kanssa:

  Alkuperäinen kuva PNG:nä (88 kilotavua):
  
  Kuva taustan korjauksen jälkeen (76 kilotavua):
  
  256-värinen PNG-8 korjatulla taustalla (29 kilotavua):
  

Minkä valitsisit itse?