Mis on HTML-graafika?

Hüperteksti märgistuskeeles (HTML) on HTML-dokumendis graafika kuvamiseks ja loomiseks mitmeid viise. Kõige laialdasemalt kasutatav HTML-graafika tüüp on pildid, mis paigutatakse otse HTML-lehele, mida nimetatakse tekstisiseseks pildiks, kuigi on ka teisi meetodeid – näiteks skriptikeele või kompileeritud veebirakenduse kasutamine –, mida saab kasutada samade tulemuste saavutamiseks. Diagrammide või graafikute jaoks dünaamiliselt genereeritud graafika jaoks saab kasutada skaleeritavat vektorgraafikat (SVG). Samuti on mõned põhilised HTML-graafikad, mida keele spetsifikatsioon toetab ja mis ei nõua loendis väliseid faile, nagu horisontaalsed read ja täpid. Keerulisemat HTML-graafikat saab saavutada skriptikeele, kaskaadlaadilehtede (CSS) ja HTML-lõuendi elemendi kasutamisega, mis annab teatud efektide jaoks loomuliku võimaluse, mis varem oli võimalik ainult väliste objektide ja pistikprogrammide kaudu.

Siiani HTML-i graafika on kõige enam kasutatav ja lihtsaim viis pildi paigutamiseks HTML-dokumenti. See hõlmab põhimõtteliselt pildi loomist pildiredaktoris, selle salvestamist tavaliselt kasutatavasse failivormingusse ning seejärel pildifaili nime ja asukoha määramist HTML-dokumendis IMG-sildiga. Lisaks dokumendisisese graafika lisamise lihtsusele suudab enamiku veebibrauserite renderdusmootor hõlpsasti paigutada graafika keerukamatesse lehepaigutustesse ilma vormindusartefaktideta. Üks komplikatsioon, mis võib esineda tekstisisese pildi puhul, on see, et pildi suurust võib olla vaja skaleerida, et see sobiks vaatamisel erakordselt suurtele või väikestele ekraanidele, mis võib vähendada pildi kvaliteeti.

Skaleeritav vektorgraafika on HTML-graafika keerukam stiil. SVG-kujutis joonistatakse kujundite, radade ja joonte raskuste määratlemise teel ning see joonistatakse käigult, kui kasutaja dokumenti vaatab. See teeb SVG-st hea valiku dünaamiliste andmete (nt diagrammid või graafikud) kuvamiseks, kuid muudab nende kasutamise teist tüüpi graafika jaoks väga ebapraktiliseks, näiteks fotorealistlike kujutiste konstrueerimiseks. Lihtsa HTML-graafika jaoks ja olukordades, kus välist pildifaili ei saa laadida, võib SVG olla mõistlik valik.

HTML-i versiooni 5 keelestandardi (HTML5) väljatöötamisega on võimalik luua dünaamilist HTML-graafikat põhilise HTML-keele sees. Seda tehakse, joonistades HTML-dokumendis otse spetsiaalsele pinnale, mida nimetatakse lõuendiks. JavaScript® ja CSS-i abil saab selle meetodi abil luua animatsioone või mänge, mis reageerivad kasutaja sisendile või kohandavad graafikat olenevalt veebibrauseri sätetest või muudest andmetest. HTML5 graafika loomine võib aga olla keeruline protseduur, mille tulemuseks võivad olla pikad skriptimiskoodi plokid, mis võivad mõnes arvutis või seadmes käivituda väga aeglaselt.