Obsah

• Na krok
• Tipy

Táto wikiHow vysvetľuje, ako nastaviť výšku a šírku obrázka pomocou kódu HTML (HyperText Markup Language).

• „Šírka“ označuje šírku obrázka v pixeloch.
• „Výška“ označuje výšku obrázka v pixeloch.
• V HTML 4.01 možno výšku definovať v pixeloch alebo percentách. V HTML5 musí byť hodnota v pixeloch.

Na krok

1. Upravte súbor, pre ktorý chcete zobraziť obrázok. napríklad: default.html
2. Pridajte tento riadok do svojho skriptu
   • img src = "imagefile.webp" alt = "Obrázok" height = "42" width = "42">
   • src je cesta k vášmu obrázku.
   • alt je štítok, ktorým dáte svoj obrázok.
3. Nahraďte „výška“ a „šírka“, ako sa vám páči, napríklad výška = „19“ šírka = „20“
4. Uložte súbor a otvorte ho v ľubovoľnom prehliadači, aby ste videli efekt. Atribút „width“ je podporovaný vo všetkých hlavných prehľadávačoch, ako sú Google Chrome, Safari, Mozilla Firefox, Opera, Internet Explorer atď.

Tipy

• Pre obrázky vždy zadajte atribúty výšky a šírky. Ak sú nastavené výška a šírka, pri načítaní stránky sa vyhradí miesto potrebné pre obrázok. Bez týchto atribútov však prehliadač nevie veľkosť obrázka a nie je preň možné vyhradiť vhodné miesto. Účinkom je to, že sa počas načítania (počas načítania obrázkov) mení rozloženie stránky.
• Zmenšenie veľkosti veľkého obrázka úpravou jeho výšky a šírky prinúti používateľa stiahnuť veľký obrázok (aj keď na stránke vyzerá malý). Aby ste tomu zabránili, musíte pred vložením obrázka na stránku zmeniť jeho veľkosť pomocou programu.