Što je HTML grafika?

U jeziku za označavanje hiperteksta (HTML) postoji nekoliko načina za prikaz i stvaranje grafike u HTML dokumentu. Najrasprostranjenija vrsta HTML grafike su slike koje se postavljaju izravno na HTML stranicu, koje se nazivaju inline slike, iako postoje i druge metode – kao što je korištenje skriptnog jezika ili kompilirane web aplikacije – koje se mogu koristiti za postizanje istih rezultata. Za dinamički generiranu grafiku za grafikone ili grafikone može se koristiti skalabilna vektorska grafika (SVG). Tu su i neke osnovne HTML grafike koje su podržane jezičnom specifikacijom i ne zahtijevaju vanjske datoteke kao što su vodoravne crte i oznake na popisu. Složenija HTML grafika može se postići korištenjem skriptnog jezika, kaskadnih stilskih tablica (CSS) i elementa HTML platna, dajući izvornu opciju za neke efekte koji su prije bili mogući samo putem vanjskih objekata i dodataka.

Daleko, inline HTML grafika je najčešće korišten i najjednostavniji način postavljanja slike u HTML dokument. To u osnovi uključuje stvaranje slike u uređivaču slika, spremanje u uobičajeni format datoteke, a zatim određivanje naziva i lokacije slikovne datoteke u HTML dokumentu pomoću oznake IMG. Osim jednostavnosti ugradnje ugrađene grafike u dokument, mehanizam za renderiranje u većini web preglednika može lako smjestiti grafiku u složenije izglede stranica bez ikakvih artefakata oblikovanja. Jedna od komplikacija koja se može pojaviti s inline slikom je da bi se veličina slike možda trebala skalirati da stane na iznimno velike ili male zaslone kada se gleda, što potencijalno smanjuje kvalitetu slike.

Skalabilna vektorska grafika je složeniji stil HTML grafike. SVG slika se crta definiranjem oblika, staza i težina linija i crta se u hodu dok korisnik pregledava dokument. To čini SVG dobrim izborom za prikaz dinamičkih podataka kao što su grafikoni ili grafikoni, ali ih čini vrlo nepraktičnim za korištenje za druge vrste grafike, kao što je konstruiranje fotorealističnih slika. Za jednostavnu HTML grafiku i u situacijama u kojima se vanjska slikovna datoteka ne može učitati, SVG bi mogao biti izvediva opcija.

S razvojem jezičnog standarda HTML verzije 5 (HTML5), moguće je stvoriti dinamičku HTML grafiku unutar osnovnog HTML jezika. To se postiže crtanjem izravno na posebnu površinu poznatu kao platno u HTML dokumentu. Koristeći JavaScript® i CSS, ova metoda može stvoriti animacije ili igre koje mogu reagirati na korisnički unos ili prilagoditi grafiku ovisno o postavkama web preglednika ili drugim podacima. Međutim, izrada HTML5 grafike može biti složena procedura koja bi mogla rezultirati dugim blokovima skriptnog koda koji bi se na nekim računalima ili uređajima mogli izvršavati vrlo sporo.