Vektorigrafiikan käyttö web-suunnittelussa

Abstract

Opinnäytetyössä tarkastellaan vektorigrafiikkaa web-graafikon näkökulmasta. Tarkastelu lähtee muodostamalla yleinen käsitys vektorigrafiikasta sekä sen hyödyistä ja rajoitteista. Opinnäytetyössä käydään läpi erilaisia vektorigrafiikassa käytettyjä tiedostomuotoja sekä tutustutaan vektorigrafiikan käyttöön web-sivustoilla. Erityisesti keskitytään SVG-formaatin käyttöön. Myös selaintuki on otettu huomioon. Lopuksi käydään läpi muutamia vektorigrafiikan ohjelmistoja ja niiden eroavaisuuksia.

Case-osiossa käydään web-grafiikan toteuttamista käytännössä. Casen tarkoituksena oli selvittää, millaisia vaatimuksia vektorigrafiikkaohjelmiston suhteen todellisuudessa on, kun sitä käytetää web-grafiikan tuottamiseen. Työssä tutkittiin myös millaisia mahdollisuuksia ja rajoitteita on vektorigrafiikan käytössä web-grafiikassa. Casessa toteutettu web-sivusto tehtiin Lahden Seudun Kehitys LADEC Oy:lle.

Vektorigrafiikkaohjelmistot muistuttavat käyttöliittymältään paljon toisiaan, mutta niiden käyttö on kuitenkin melko erilaista. Lisäksi käyttöjärjestelmä asettaa rajoitteita. Myös ohjelmien helppokäyttöisyydessä löytyy eroja. Kaupalliset ohjelmistot ovat ominaisuuksiltaan paljon monipuolisempia ja kehittyvät nopeammin. Web-grafiikan tuottamiseen ei kuitenkaan ole välttämätöntä hankkia kaupallista ohjelmistoa, sillä tarvittavat ominaisuudet löytyvät pitkälti ilmaisohjelmistoistakin.

This Bachelor’s thesis deals with vector graphics from the web graphic designer’s point of view. The study starts with a general introduction to vector graphics, as well as its benefits and limitations. The thesis goes through a variety of file formats, as well as the use of vector graphics in web sites. The use of SVG is particularly highlighted. Browser support is also taken into account. Finally, a few vector graphics programs are reviewed and compared.

The case section describes the implementation of web graphics in practice. The purpose of the case was to find out what kind of requirements there are in vector graphics programs, when they are used in producing web graphics. The study also examines the opportunities and constraints in the use of vector graphics as web graphics. The web site in the case section was made for Lahden Seudun Kehitys LADEC Oy.

The user interfaces of vector graphics programs are very similar to each other, but their use is quite different. Furthermore, the operating system sets some limitations. Also, from the point of the ease of use, there can be found differences between the programs. Commercial programs are much more versatile and evolve more rapidly. Even so, there is necessarily no need to buy commercial software, because most of the required features can be found in free software.