WebP-kuvaformaatin käyttö ja hyödyllisyys
Karesto, Silja (2017)
Karesto, Silja
Metropolia Ammattikorkeakoulu
2017
All rights reserved
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-201705066643
https://urn.fi/URN:NBN:fi:amk-201705066643
Tiivistelmä
Insinöörityön tarkoituksena oli tutkia WebP-kuvaformaattia, jonka kehittäjä lupaa sen pakkaavan kuvia tehokkaammin kuin nykyiset yleisessä verkkokäytössä olevat kuvaformaatit. WebP tukee häviöllistä ja häviötöntä pakkaamista sekä animaatiota.
Työn tavoitteena oli selvittää, miten WebP vertautuu insinöörityössä valittuihin kuvaformaatteihin, jotka olivat JPG, PNG ja GIF. Lisäksi selvitettiin, vastaako pakkauksen teho väitteitä. Tehoa tutkittiin tarkkailemalla syntyvän tiedoston kokoa ja objektiivisesti mitattavaa laatua. Työn tavoitteena oli myös, että työn tulokset olisivat hyödynnettävissä osana verkkosivujen sisällön optimointia. Insinöörityö tehtiin omasta mielenkiinnosta aiheeseen, eikä sillä ollut tilaajaa.
Työssä perehdyttiin ensin siihen, mitä ominaisuuksia digitaalisella kuvalla on, sekä digitaalisten kuvien eri pakkausmenetelmiin ja valittuihin kuvaformaatteihin. Tämän jälkeen työssä perehdyttiin WebP-formaatin pakkausteknologiaan ja siihen, miten sitä käytetään. Lisäksi tarkasteltiin WebP-formaatin selain- ja käyttöliittymätukea ja kehityshistoriaa. Näiden pohjalta arvioitiin mahdollisia tulevaisuuden näkymiä. Kuvaformaatilla on prosentuaalisesti hyvä tuki kaikista selaimista tarkasteltuna, mutta sen tuki puuttuu useasta suuresta selaimesta, joten on vaikeaa arvioida sen käyttöä tulevaisuudessa.
Työ toteutettiin kahdessa osassa. Ensimmäisessä osassa tutkittiin WebP-kuvaformaatin kehittäjän tuloksia sen pakkauskyvystä ja laadusta tekemällä sen eri ominaisuuksista ver-tailuja valittuihin kuvaformaatteihin. Häviöllistä pakkausta verrattiin JPG-formaatin pakkaukseen, häviötöntä pakkausta PNG-formaatin pakkaukseen ja animaation pakkausta GIF-formaatin pakkaukseen. Kuvaformaattien vertailu osoitti, että WebP-formaatti pakkaa kuvat tasapuolisessa vertailussa valittuja kuvaformaatteja pienemmiksi ja säilyttää vastaavan laadun. Laatu todettiin käyttäen matemaattista menetelmää, jolla saatiin visuaalinen ja numeerinen tulos. Lisäksi WebP-formaatti pienentää JPG-pakkausta entisestään, mutta säilyttää kuitenkin hyväksyttävän kuvanlaadun. WebP-kuvaformaatti on varteenotettava tapa pakata kuvia verkkoon. Insinöörityössä toteutettua kuvagalleriaa esimerkkinä käyttäen osoitettiin pienemmäksi pakattujen kuvien vaikutus verkkosivujen latausajan nopeutumiseen.
Työn tavoitteena oli selvittää, miten WebP vertautuu insinöörityössä valittuihin kuvaformaatteihin, jotka olivat JPG, PNG ja GIF. Lisäksi selvitettiin, vastaako pakkauksen teho väitteitä. Tehoa tutkittiin tarkkailemalla syntyvän tiedoston kokoa ja objektiivisesti mitattavaa laatua. Työn tavoitteena oli myös, että työn tulokset olisivat hyödynnettävissä osana verkkosivujen sisällön optimointia. Insinöörityö tehtiin omasta mielenkiinnosta aiheeseen, eikä sillä ollut tilaajaa.
Työssä perehdyttiin ensin siihen, mitä ominaisuuksia digitaalisella kuvalla on, sekä digitaalisten kuvien eri pakkausmenetelmiin ja valittuihin kuvaformaatteihin. Tämän jälkeen työssä perehdyttiin WebP-formaatin pakkausteknologiaan ja siihen, miten sitä käytetään. Lisäksi tarkasteltiin WebP-formaatin selain- ja käyttöliittymätukea ja kehityshistoriaa. Näiden pohjalta arvioitiin mahdollisia tulevaisuuden näkymiä. Kuvaformaatilla on prosentuaalisesti hyvä tuki kaikista selaimista tarkasteltuna, mutta sen tuki puuttuu useasta suuresta selaimesta, joten on vaikeaa arvioida sen käyttöä tulevaisuudessa.
Työ toteutettiin kahdessa osassa. Ensimmäisessä osassa tutkittiin WebP-kuvaformaatin kehittäjän tuloksia sen pakkauskyvystä ja laadusta tekemällä sen eri ominaisuuksista ver-tailuja valittuihin kuvaformaatteihin. Häviöllistä pakkausta verrattiin JPG-formaatin pakkaukseen, häviötöntä pakkausta PNG-formaatin pakkaukseen ja animaation pakkausta GIF-formaatin pakkaukseen. Kuvaformaattien vertailu osoitti, että WebP-formaatti pakkaa kuvat tasapuolisessa vertailussa valittuja kuvaformaatteja pienemmiksi ja säilyttää vastaavan laadun. Laatu todettiin käyttäen matemaattista menetelmää, jolla saatiin visuaalinen ja numeerinen tulos. Lisäksi WebP-formaatti pienentää JPG-pakkausta entisestään, mutta säilyttää kuitenkin hyväksyttävän kuvanlaadun. WebP-kuvaformaatti on varteenotettava tapa pakata kuvia verkkoon. Insinöörityössä toteutettua kuvagalleriaa esimerkkinä käyttäen osoitettiin pienemmäksi pakattujen kuvien vaikutus verkkosivujen latausajan nopeutumiseen.