Atrybut height
Atrybut height ustawia wysokość obrazu,
który jest zdefiniowany za pomocą znacznika
img.
Obecnie ten atrybut można
stosować tylko dla obrazów,
iframe,
video
i niektórych innych znaczników.
Dopuszcza się podawanie wartości w pikselach lub procentach. W przypadku ustawienia rozmiaru w procentach, będą one pobierane od szerokości elementu nadrzędnego. W przypadku ustawienia rozmiaru w pikselach, jednostki miary nie są podawane.
Jeśli dla obrazu nie jest ustawiona ani szerokość, ani wysokość - obraz będzie miał swój rzeczywisty rozmiar. Jeśli ustawiona jest wysokość - obraz przyjmie zadaną wysokość, a szerokość dostosuje się tak, aby jego proporcje nie zostały zniekształcone. Jeśli ustawiona jest tylko szerokość - analogicznie, obraz dostosuje się po wysokości, aby zachować proporcje. Jeśli ustawiona jest i szerokość, i wysokość - proporcje obrazu mogą zostać zniekształcone (a może i nie, jak trafisz). Jeśli szerokość lub wysokość (lub obie razem) są większe niż rzeczywiste - obraz powiększy się, ale straci na jakości.
Zaleca się ustawianie szerokości i wysokości obrazom w atrybutach - w tym przypadku przeglądarka szybciej załaduje obrazy - nie ma potrzeby obliczania rozmiaru każdego obrazu po jego otrzymaniu.
Nie zaleca się zmniejszania rzeczywistych rozmiarów
obrazu bez konieczności. Na przykład, rzeczywisty
rozmiar obrazu to 1000 na 1000
pikseli, a ty ustawisz mu szerokość na 100px.
W tym przypadku obraz na ekranie będzie wyglądał
na 100 pikseli, jednak będzie miał rozmiar
całej tysiąc i, odpowiednio, ładować się będzie
znacznie dłużej.
Przykłady działania zobacz tutaj:
znacznik img.