Съдържание

• Стъпвам
• Съвети

Тази wikiHow обяснява как да зададете височината и ширината на изображението с помощта на HTML (HyperText Markup Language).

• "Ширината" показва ширината на изображението в пиксели.
• "Височината" показва височината на изображението в пиксели.
• В HTML 4.01 височината може да бъде дефинирана в пиксели или проценти. В HTML5 стойността трябва да е в пиксели.

Стъпвам

1. Редактирайте файла, за който искате да покажете изображението. например: default.html
2. Добавете този ред към вашия скрипт
   • img src = "imagefile.webp" alt = "Image" height = "42" width = "42">
   • src е пътят на файла към вашето изображение.
   • alt е етикетът, който давате на вашето изображение.
3. Заменете "височина" и "ширина", както искате, например височина = "19" ширина = "20"
4. Запазете файла и отворете файла с всеки браузър, за да видите ефекта. Атрибутът "width" се поддържа във всички основни браузъри като Google Chrome, Safari, Mozilla Firefox, Opera, Internet Explorer и т.н.

Съвети

• Винаги посочвайте атрибутите височина и ширина за изображения. Ако височината и ширината са зададени, пространството, необходимо за изображението, ще бъде запазено, когато страницата се зареди. Без тези атрибути обаче браузърът не знае размера на изображението и за него не може да се запази подходящо място. Ефектът от това е, че оформлението на страницата се променя по време на зареждането (докато изображенията се зареждат).
• Намаляването на размера на голямо изображение чрез регулиране на височината и ширината му принуждава потребителя да изтегли голямото изображение (дори ако изглежда малко на страницата). За да избегнете това, трябва да мащабирате изображението с програма, преди да го поставите на страница.