Co to jest obraz wbudowany?
Obraz wbudowany to obraz graficzny, który jest wstawiany do strony internetowej w celu dodania atrakcyjności wizualnej, dostarczania informacji lub reprezentowania hiperłącza. Obrazy śródliniowe są zwykle w formacie GIF, JPEG lub PNG. Są one włączane do strony internetowej przy użyciu schematu URI danych.
Identyfikatory URI danych umożliwiają osadzanie danych o małych rozmiarach, które mogą być natychmiast pobierane przez przeglądarkę. Obrazy wbudowane są pobierane przez przeglądarkę wraz z kodem HTML i wyświetlane jako część dokumentu internetowego. Aby przeglądarka mogła pobierać i wyświetlać obrazy bez zbytniego czasu i problemów, zaleca się stosowanie małych obrazów wbudowanych.
Większe obrazy spowalniają czas ładowania i powodują, że witryna długo wyświetla się na ekranie. Większość internautów nie ma cierpliwości, żeby się obejść i zobaczyć, jak to się dzieje. Wpłynęłoby to niekorzystnie na ruch w witrynie.
Obrazy wbudowane HTML są pobierane z serwera witryny, na której mają być wyświetlane, lub dołączane z innych zewnętrznych serwerów. Używanie wbudowanych obrazów ze źródeł zewnętrznych jest kwestią sporną, ponieważ można to zrobić bez pozwolenia. Tag img służy do wstawiania obrazów wbudowanych do akapitów i nagłówków na stronie internetowej. Znacznika img nie można używać w postaci swobodnej. Musi być zamknięty w innym elemencie.
Wymaganym atrybutem znacznika img jest atrybut src. Atrybut src określa adres internetowy lub adres URL, z którego przeglądarka może pobrać plik obrazu. Oprócz atrybutu src wbudowane obrazy HTML można zdefiniować za pomocą trzech opcjonalnych atrybutów. Są to alt, align i ismap.
Atrybut alt stanowi wbudowaną alternatywę dla tekstu obrazu. Tak więc, jeśli przeglądarka przeglądarki nie obsługuje grafiki, przeglądarka zobaczy tekst zamiast obrazu. Użycie atrybutu alt jest wysoce zalecane.
Wartość atrybutu alt może być pustym ciągiem. Na przykład, jeśli istnieje obraz dekoracyjny, nie jest konieczne podanie alternatywnego tekstu. Dlatego wartość atrybutu alt można pozostawić pustą.
Styl obrazu wbudowanego można ustawić za pomocą atrybutu align. Atrybut align informuje przeglądarkę, gdzie musi być wyświetlany obraz wbudowany w stosunku do tekstu na stronie internetowej. Obraz w linii można wyrównać z górną, środkową lub dolną częścią sąsiedniego tekstu na stronie internetowej.
Za pomocą atrybutu ismap obraz wewnętrzny można oznaczyć jako aktywną mapę obrazu. Oznacza to, że można tworzyć różne części obrazu w celu wykonywania różnych działań za każdym razem, gdy ktoś kliknie różne części. Na przykład, jeśli istnieje liniowy obraz przedstawiający Ziemię i Saturna, kliknięcie na Ziemi może prowadzić do informacji o Ziemi, a kliknięcie na Saturnie może prowadzić do informacji o Saturnie.
W przeciwieństwie do atrybutów alt i align, atrybut ismap nie działa po zwykłym włączeniu do znacznika img. Wymaga to pewnej konfiguracji wykonanej na serwerze. Może być również wymagana pewna wiedza na temat programowania.