html тег <img> атрибут height

Атрибут height визначає висоту зображення у пікселях або процентах.

Не вдалось завантажити зображення

У HTML 4.01 дозволяється використовувати значення в пікселях або відсотках. Якщо встановлений процентний запис, то розміри зображення обчислюються відносно батьківського елементу - контейнера, де знаходиться елемент <img>. У разі відсутності батьківського контейнера, в його якості виступає вікно браузера. Іншими словами, width="100%" означає, що малюнок буде розтягнутий на всю ширину веб-сторінки. Додавання тільки одного атрибута width або height зберігає пропорції і відношення сторін зображення. При цьому браузер очікує повного завантаження малюнка, щоб визначити його первинну висоту і ширину.

автор: с3с

Порада: Завжди вказуйте атрибути height та wigth для зображень. Це дещо прискорює завантаження сторінки, оскільки браузеру немає потреби обчислювати розмір кожного малюнка після його отримання. Якщо висота і ширина встановлені, простір, необхідний для зображення резервується при завантаженні сторінки. Це твердження особливо важливо для зображень, розміщених всередині таблиці. Без цих атрибутів, браузер не знає розміру зображення і не може зарезервувати відповідне місце р для нього. У такому випадкутвориться створюється ефект зміни макету сторінки при її завантаженні (в момент коли завантажується зображення).
автор: с3с
Порада: При зміні розміру великого зображення за допомогою атрибутів height та wigth користувач все одно завантажить велике зображення (навіть якщо воно виглядає маленьким). Щоб уникнути цього, треба зменшити масштаб зображення за допомогою вашого програмного забезпечення, перш ніж використовувати його на сторінці.
автор: с3с
Порада: Ширину і висоту зображення можна змінювати як в меншу, так і більшу сторону. Однак на швидкість завантаження зображення це ніяк не впливає, оскільки розмір файлу залишається незмінним. Тому з обережністю зменшуйте зображення, так як це може викликати здивування у читачів, чому такий маленький малюнок так довго вантажувався. А ось збільшення розмірів призводить до зворотного ефекту - розмір зображення великий, але файл зображення завантажився швидко і якість малюнка при цьому погіршилася.
автор: с3с