Co to jest obraz wbudowany?
Obraz wbudowany to obraz graficzny, który jest wstawiany na stronę internetową, aby dodać odwołanie wizualne, podać informacje lub reprezentować hiperłącze.Obrazy wbudowane są zwykle w formatach GIF, JPEG lub PNG.Są one włączone do strony internetowej za pomocą schematu URI danych.
Dane URI umożliwiają osadzanie danych małych rozmiarów, które mogą być natychmiast pobrane przez przeglądarkę.Obrazy wbudowane są pobierane przez przeglądarkę wraz z HTML i wyświetlane w ramach dokumentu internetowego.Aby przeglądarka mogła odzyskać i wyświetlać obrazy bez zbyt wiele czasu i problemów, zaleca się użycie małych obrazów rzędowych.
Większe obrazy spowolniłyby czas ładowania i spowodowałoby, że na ekranie zajmie długie miejsce.Większość odwiedzających internet nie ma cierpliwości, aby to się stało.Wpłynąłoby to negatywnie na ruch witryny.
Obrazy wewnętrzne HTML pochodzą z serwera witryny, na której mają być wyświetlane lub zawarte z innych serwerów zewnętrznych.Używanie obrazów wbudowanych ze źródeł zewnętrznych jest kwestią rywalizacji, ponieważ można to zrobić bez pozwolenia.Tag IMG służy do wstawienia obrazów inline do akapitów i nagłówków na stronie internetowej.Tagu IMG nie może być używany w formie 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, obrazy inline HTML można zdefiniować za pomocą trzech opcjonalnych atrybutów.Są to Alt, Align i IsMap.
Atrybut ALT zapewnia alternatywę tekstu wbudowanego obrazu.Tak więc, w przypadku, gdy przeglądarka widzów nie obsługuje grafiki, przeglądarka zobaczy tekst zamiast obrazu.Za pomocą atrybutu alt jest wysoce zalecane.
Wartość atrybutu Alt może być pustym ciągiem.Na przykład, jeśli istnieje obraz dekoracyjny, dostarczanie alternatywnego tekstu nie jest konieczne.Dlatego wartość atrybutu Alt można pozostawić puste.
Styl obrazu wbudowanego można ustawić za pomocą atrybutu wyrównania.Atrybut wyrównania mówi przeglądarce, w której obraz wbudowany musi pojawić się w odniesieniu do tekstu na stronie internetowej.Obraz wbudowany można wyrównać z górną, środkową lub dolną częścią sąsiedniego tekstu na stronie internetowej.
Za pomocą atrybutu ISMAP obraz wbudowany można oznaczyć jako aktywną mapę obrazu.Oznacza to, że można wykonać różne części obrazu w celu tworzenia różnych działań, gdy ktoś kliknie różne części.Na przykład, jeśli istnieje obraz wbudowany pokazujący Ziemię i Saturna, kliknięcie na Ziemi może prowadzić do informacji o Ziemi i kliknięcia Saturna może prowadzić do informacji o Saturna.
W przeciwieństwie do atrybutów ALT i ALIGN, atrybut ISMAP nie działa wedługzwykłe włączenie do znacznika IMG.Wymaga to pewnej konfiguracji na serwerze.Może być również wymagana pewna wiedza na temat programowania.