SVG:n soveltuvuus verkkosivukehityksen ensisijaiseksi grafiikkaformaatiksi
Peltonen, Janne (2017)
Peltonen, Janne
2017
Tietotekniikka
Tieto- ja sähkötekniikan tiedekunta - Faculty of Computing and Electrical Engineering
This publication is copyrighted. You may download, display and print it for Your own personal use. Commercial use is prohibited.
Hyväksymispäivämäärä
2017-12-07
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:tty-201711222227
https://urn.fi/URN:NBN:fi:tty-201711222227
Tiivistelmä
Verkkosivujen selaamiseen käytetään nykyään monenlaisia päätelaitteita. Tänä päivänä jo suurin osa selaamisesta tapahtuu pienikokoisilla mobiililaitteilla työpöytätietokoneiden sijaan. Päätelaitteiden monimuotoisuus asettaa haasteen perinteisille verkkosivujen grafiikkaformaateille, sillä ne ovat rasterigrafiikkaa, joka mukautuu huonosti eri kokoisille näytöille. Rasterigrafiikan sijaan voitaisiin käyttää resoluutioriippumatonta vektorigrafiikkaa, ja verkkosivukehitykseen onkin saatavilla standardoitu vektorigrafiikkaformaatti: SVG. Tässä työssä selvitetään, voidaanko kaikki verkkosivukehityksen rasterigrafiikkaformaatit ja -teknologiat korvata SVG:llä.
SVG:n soveltuvuutta rasterigrafiikan korvaajaksi tutkittiin vertaamalla sitä rasteriformaatteihin visuaalisen laadun, selaintuen, suorituskyvyn ja tiedostokoon osalta. Työssä myös luotiin katsaus sellaisiin SVG:n erityispiirteisiin, jotka ovat oleellisia verkkosivukehityksessä. Testit toteutettiin valmiin testikuvamateriaalin ja työtä varten luotujen testisovellusten avulla.
Työssä havaittiin, että SVG:llä voi ja kannattaa korvata ainakin staattinen ja tietyin ehdoin myös animoitu piirrosgrafiikka. Valokuvamateriaalin esittämiseen JPG on edelleen paras, koska tämän tyyppisen materiaalin esittäminen vektorigrafiikkana vie huomattavasti muistia. Toisaalta valokuvamateriaali on tarvittaessa mahdollista sisällyttää SVG-tiedostoon, jolloin molempien grafiikkalajien edut yhdistyvät. Lopulta dynaamisen grafiikan generointiin käytetty HTML5:n
SVG:n soveltuvuutta rasterigrafiikan korvaajaksi tutkittiin vertaamalla sitä rasteriformaatteihin visuaalisen laadun, selaintuen, suorituskyvyn ja tiedostokoon osalta. Työssä myös luotiin katsaus sellaisiin SVG:n erityispiirteisiin, jotka ovat oleellisia verkkosivukehityksessä. Testit toteutettiin valmiin testikuvamateriaalin ja työtä varten luotujen testisovellusten avulla.
Työssä havaittiin, että SVG:llä voi ja kannattaa korvata ainakin staattinen ja tietyin ehdoin myös animoitu piirrosgrafiikka. Valokuvamateriaalin esittämiseen JPG on edelleen paras, koska tämän tyyppisen materiaalin esittäminen vektorigrafiikkana vie huomattavasti muistia. Toisaalta valokuvamateriaali on tarvittaessa mahdollista sisällyttää SVG-tiedostoon, jolloin molempien grafiikkalajien edut yhdistyvät. Lopulta dynaamisen grafiikan generointiin käytetty HTML5:n