Kaj je HTML grafika?

V jeziku za označevanje hiperbesedila (HTML) obstaja več načinov za prikaz in ustvarjanje grafike v dokumentu HTML. Najpogosteje uporabljena vrsta grafike HTML so slike, ki so postavljene neposredno na stran HTML, imenovane inline slike, čeprav obstajajo tudi druge metode – na primer uporaba skriptnega jezika ali prevedene spletne aplikacije –, ki jih je mogoče uporabiti za doseganje enakih rezultatov. Za dinamično ustvarjeno grafiko za grafikone ali grafe je mogoče uporabiti razširljivo vektorsko grafiko (SVG). Obstaja tudi nekaj osnovnih grafik HTML, ki jih podpira jezikovna specifikacija in ne zahtevajo zunanjih datotek, kot so vodoravne črte in oznake na seznamu. Kompleksnejšo grafiko HTML je mogoče doseči z uporabo skriptnega jezika, kaskadnih slogovnih listov (CSS) in elementa platna HTML, kar daje izvorno možnost za nekatere učinke, ki so bili prej možni samo z zunanjimi predmeti in vtičniki.

Daleč je vgrajena grafika HTML najpogosteje uporabljena in najpreprostejši način postavitve slike v dokument HTML. To v bistvu vključuje ustvarjanje slike v urejevalniku slik, njeno shranjevanje v običajno uporabljeno obliko datoteke in nato določitev imena in lokacije slikovne datoteke v dokumentu HTML z oznako IMG. Poleg preprostosti vključitve vstavljene grafike v dokument lahko stroj za upodabljanje v večini spletnih brskalnikov preprosto postavi grafiko v bolj zapletene postavitve strani brez kakršnih koli artefaktov oblikovanja. Eden od zapletov, ki se lahko pojavi pri vgrajeni sliki, je, da bo morda treba velikost slike povečati, da se prilega na izjemno velike ali majhne zaslone, ko jih gledate, kar lahko zmanjša kakovost slike.

Razširljiva vektorska grafika je bolj zapleten slog grafike HTML. Slika SVG se nariše z definiranjem oblik, poti in uteži črt in se nariše sproti, ko si uporabnik ogleduje dokument. Zaradi tega je SVG dobra izbira za prikazovanje dinamičnih podatkov, kot so grafikoni ali grafi, vendar jih je zelo nepraktično uporabljati za druge vrste grafike, kot je izdelava fotorealističnih slik. Za preprosto grafiko HTML in v primerih, ko zunanje slikovne datoteke ni mogoče naložiti, je SVG morda izvedljiva možnost.

Z razvojem jezikovnega standarda HTML različice 5 (HTML5) je mogoče dinamično grafiko HTML ustvariti v osnovnem jeziku HTML. To se naredi z risanjem neposredno na posebno površino, znano kot platno v dokumentu HTML. Z uporabo JavaScript® in CSS lahko ta metoda ustvari animacije ali igre, ki se lahko odzovejo na uporabniški vnos ali prilagodijo grafiko glede na nastavitve spletnega brskalnika ali druge podatke. Ustvarjanje grafike HTML5 pa je lahko zapleten postopek, ki lahko povzroči dolge bloke skriptne kode, ki se lahko v nekaterih računalnikih ali napravah izvajajo zelo počasi.