Co to jest grafika HTML?
W HyperText Markup Language (HTML) istnieje wiele sposobów wyświetlania i tworzenia grafiki w dokumencie HTML. Najczęściej stosowanym rodzajem grafiki HTML są obrazy, które są umieszczane bezpośrednio na stronie HTML, zwane obrazami wbudowanymi, chociaż istnieją też inne metody - takie jak użycie języka skryptowego lub skompilowanej aplikacji internetowej - które można wykorzystać do osiągnięcia tych samych wyników. W przypadku dynamicznie generowanej grafiki do wykresów lub wykresów można zastosować skalowalną grafikę wektorową (SVG). Istnieje również kilka podstawowych grafik HTML, które są obsługiwane przez specyfikację języka i nie wymagają zewnętrznych plików, takich jak poziome linie i wypunktowania na liście. Bardziej złożoną grafikę HTML można uzyskać za pomocą języka skryptowego, kaskadowych arkuszy stylów (CSS) i elementu canvas HTML, co daje natywną opcję dla niektórych efektów, które wcześniej były możliwe tylko za pomocą zewnętrznych obiektów i wtyczek.
Jak dotąd wbudowana grafika HTML jest najczęściej używanym i najprostszym sposobem na umieszczenie obrazu w dokumencie HTML. Zasadniczo obejmuje to utworzenie obrazu w edytorze obrazów, zapisanie go w powszechnie używanym formacie pliku, a następnie określenie nazwy i położenia pliku obrazu w dokumencie HTML za pomocą znacznika IMG. Oprócz prostoty włączania grafiki liniowej do dokumentu, silnik renderujący w większości przeglądarek internetowych może łatwo umieszczać grafikę w bardziej złożonych układach stron bez żadnych artefaktów formatowania. Jedną z komplikacji, które mogą wystąpić w przypadku obrazu wbudowanego, jest konieczność skalowania rozmiaru obrazu, aby zmieścił się na wyjątkowo dużych lub małych ekranach podczas oglądania, potencjalnie obniżając jakość obrazu.
Skalowalna grafika wektorowa to bardziej złożony styl grafiki HTML. Obraz SVG jest rysowany przez zdefiniowanie kształtów, ścieżek i grubości linii i jest rysowany w locie podczas przeglądania dokumentu przez użytkownika. To sprawia, że SVG jest dobrym wyborem do wyświetlania danych dynamicznych, takich jak wykresy lub wykresy, ale czyni je bardzo niepraktycznym w przypadku innych rodzajów grafiki, takich jak tworzenie fotorealistycznych obrazów. W przypadku prostej grafiki HTML oraz w sytuacjach, w których nie można załadować zewnętrznego pliku obrazu, SVG może być realną opcją.
Wraz z opracowaniem standardu językowego HTML w wersji 5 (HTML5) możliwe jest tworzenie dynamicznej grafiki HTML w podstawowym języku HTML. Odbywa się to poprzez rysowanie bezpośrednio na 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 dane wejściowe użytkownika lub dostosowywać grafikę w zależności od ustawień przeglądarki internetowej lub innych danych. Jednak tworzenie grafiki HTML5 może być złożoną procedurą, która może spowodować powstanie długich bloków kodu skryptowego, które mogą działać bardzo wolno na niektórych komputerach lub urządzeniach.