HTML <img> width Atribut
Příklad
Obrázek o výšce 600 pixelů a šířce 500 pixelů:
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
Atribut width
určuje šířku obrázku v pixelech.
Tip: Vždy určete pro height
obrázky
width
atributy a . Pokud jsou nastaveny výška a šířka, je při načtení stránky vyhrazen prostor potřebný pro obrázek. Bez těchto atributů však prohlížeč nezná velikost obrázku a nemůže mu vyhradit odpovídající prostor. Efekt bude takový, že se během načítání (během načítání obrázků) změní rozložení stránky.
Tip: Zmenšení velkého obrázku pomocí atributů
height
a width
nutí uživatele stáhnout velký obrázek (i když se na stránce zdá malý). Abyste tomu zabránili, změňte měřítko obrázku pomocí programu, než jej použijete na stránce.
Podpora prohlížeče
Attribute | |||||
---|---|---|---|---|---|
width | Yes | Yes | Yes | Yes | Yes |
Syntax
<img width="pixels">
Hodnoty atributů
Value | Description |
---|---|
pixels | The width in pixels (e.g. width="100") |
❮ HTML tag <img>