Zawartość

• Kroki
• Porady

W tym artykule dowiesz się, jak ustawić wysokość i szerokość obrazu w HTML.

• Atrybut „width” określa szerokość obrazu (w pikselach).
• Atrybut „height” określa wysokość obrazu (w pikselach).
• W HTML4.01 wysokość można ustawić w pikselach lub w procentach, ale w HTML5 tylko w pikselach.

Kroki

1. 1 Otwórz plik HTML. Na przykład otwórz plik default.html.
2. 2 Dodaj następujący wiersz do kodu HTML.
   • img src = "plik obrazu.webp" alt = "Obraz" wysokość = "42" szerokość = "42">
   • src zawiera ścieżkę do pliku graficznego (obrazek).
   • w alt ustawiany jest rozmiar obrazu.
3. 3 Zastąp wartości atrybutów wysokości i szerokości żądanymi wartościami. Na przykład tak: wysokość = „19” szerokość = „20”
4. 4 Zapisz plik i otwórz go w dowolnej przeglądarce internetowej. Zrób to, aby sprawdzić, jak zmienia się rozmiar obrazu. Atrybut „width” jest obsługiwany przez wszystkie główne przeglądarki (Google Chrome, Safari, Mozilla Firefox, Opera, Internet Explorer).

Porady

• Zawsze ustawiaj wysokość i szerokość obrazu. Więc kiedy strona jest załadowana, miejsce jest zarezerwowane dla obrazu. W przeciwnym razie przeglądarka nie będzie znała rozmiaru obrazu i nie zarezerwuje miejsca, powodując zmianę układu strony podczas ładowania strony.
• Jeśli rozmiar dużego obrazu zostanie zmniejszony za pomocą atrybutów „height” i „width”, użytkownik załaduje duży obraz (nawet jeśli wydaje się mały na stronie). Dlatego zalecamy, aby najpierw zmienić rozmiar obrazu w edytorze graficznym.