Co to jest grafika HTML?

W języku znaczników hipertext (HTML) istnieje wiele sposobów wyświetlania i tworzenia grafiki w dokumencie HTML. Najczęściej używanym typem grafiki HTML są obrazy umieszczone bezpośrednio na stronie HTML, nazywane obrazami inline, chociaż istnieją inne metody - takie jak użycie języka skryptowego lub kompilowanej aplikacji internetowej - które można użyć do osiągnięcia tych samych wyników. Do dynamicznie generowanej grafiki dla wykresów lub wykresów można zastosować skalowalne grafiki wektorowe (SVG). Istnieją również podstawowe grafiki HTML obsługiwane przez specyfikację języka i nie wymagają plików zewnętrznych, takich jak poziome linie i pociski na liście. Bardziej złożoną grafikę HTML można osiągnąć dzięki użyciu języka skryptowego, arkuszy stylów kaskadowych (CSS) i elementu płótna HTML, dając natywną opcję niektórych efektów, które wcześniej były możliwe tylko przez obiekty zewnętrzne i wtyczki.

Zdecydowanie

Graphics HTML jest najczęściej używany i najprostszy sposób umieszczenia obrazu w dokumencie HTML. Zasadniczo polega to na tworzeniu obrazu w edytorze obrazu, zapisywanie go w powszechnie używanym formacie pliku, a następnie określenie nazwy i lokalizacji pliku obrazu w dokumencie HTML za pomocą znacznika IMG. Oprócz prostoty włączenia wbudowanej grafiki do dokumentu, silnik renderujący w większości przeglądarków internetowych może łatwo umieścić grafikę w bardziej złożonych układach stron bez żadnych artefaktów formatowych. Jednym z powikłań, które może wystąpić z obrazem wbudowanym, jest to, że rozmiar obrazu może wymagać skalowania, aby pasować do wyjątkowo dużych lub małych wyświetlaczy po obejrzeniu, potencjalnie zmniejszając jakość obrazu.

Skalowalne grafiki wektorowe to bardziej złożony styl grafiki HTML. Obraz SVG jest rysowany przez definiowanie kształtów, ścieżek i wag linii i jest rysowany w locie, gdy użytkownik przegląda dokument. To sprawia, że ​​SVG jest dobrym wyborem do wyświetlania DYDane namiczne, takie jak wykresy lub wykresy, ale sprawia, że ​​są bardzo niepraktyczne w przypadku innych rodzajów grafiki, takich jak konstruowanie obrazów fotorealistycznych. W przypadku prostej grafiki HTML i w sytuacjach, w których nie można załadować zewnętrznego pliku obrazu, SVG może być opłacalną opcją.

Wraz z opracowaniem standardu językowego HTML w wersji 5 (HTML5), grafiki Dynamic HTML można stworzyć w podstawowym języku HTML. Odbywa się to poprzez przyciąganie bezpośrednio do specjalnej powierzchni znanej jako płótno w dokumencie HTML. Korzystając z JavaScript® i CSS, ta metoda może tworzyć animacje lub gry, które mogą reagować na wejście użytkownika lub dostosowywać grafikę w zależności od ustawień przeglądarki internetowej lub innych danych. Tworzenie grafiki HTML5 może jednak być złożoną procedurą, która może skutkować długim blokami kodu skryptowego, które mogą być bardzo powoli wykonywać na niektórych komputerach lub urządzeniach.