розміри зображення

Для зміни розмірів зображення засобами HTML передбачені параметри width і height тега <IMG>.
Початкове зображення sample.gif має розміри 100 на 111 пікселів.

HTML код для розміщення даного малюнка:

Обов'язково задавайте розміри всіх зображень на веб-сторінці. Це дещо прискорює завантаження сторінки, оскільки браузеру немає потреби обчислювати розмір кожного малюнка після його отримання. Це твердження особливо важливо для зображень, розміщених всередині таблиці. Така таблиця не буде висвітлена до тих пір, поки всі малюнки в ній не будуть завантажені повністю.

Ширину і висоту зображення можна змінювати як в меншу, так і більшу сторону. Однак на швидкість завантаження малюнка це ніяк не впливає, оскільки розмір файлу залишається незмінним. Тому з обережністю зменшуйте зображення, тому що це може викликати здивування у читачів, чому такий маленький малюнок так довго вантажиться. А ось збільшення розмірів призводить до зворотного ефекту - розмір зображення великий, але файл щодо зображення аналогічного розміру завантажується швидше.

Нижче наведено малюнок sample.gif зі збільшеною в два рази шириною і висотою (200 х 222).

І відповідно код HTML до нього:

Алгоритм, що використовується браузерами для ресемплірованіе (зміни розміру) зображення, поступається за своїми можливостями графічним редакторам. Тому збільшувати зображення шляхом зміни їх розмірів потрібно в особливих випадках, аж надто погіршується якість картинки. Краще скористатися якою-небудь графічноїпрограмою. Винятком є ​​малюнки містять прямокутні області. Наведений нижче файл узору займає 54 байта і має вихідний розмір 8 на 8 пікселів, збільшених до 150.

У малюнку не виникає ніяких спотворень, що не дивно, звідки їм взагалі узятися, якщо всі лінії тільки вертикальні і горизонтальні.