Как да промените размера на изображението с помощта на HTML

Оригиналното изображение че поставите на страницата не винаги да е с правилния размер.

Въпреки това, този метод не винаги е подходящ, тъй като понякога файлът може да се намира на сървъра, до който имате достъп. В допълнение към този метод на преоразмеряване това отнема много дълго време.

В HTML, можете да промените размера на изображението на програмата. Това се прави с помощта на ширината и височината атрибути.

Отговаря за възлагане на ширината на изображението

определя височината на изображението

Връщайки се към примера на предишния урок и промяна на размерите на изображението, която е вмъкната в него:

Първото изображение зададете ширината и височината атрибути, а вторият не е така. Вижте как ще изглежда в крайна сметка:

Числовата стойност, която е зададена като ширината на параметъра атрибут и височината - е броят на пикселите. Sredsva HTML можете да определите размера на изображението само пиксела.

Друго е да се отбележи, че намаляването на изображение с помощта на ширината и височината атрибути може да се случи без да се променя оригиналното качество на изображението. Не може да се каже и за увеличаването на оригиналното изображение, не е подходящ за производство на такава операция, тъй като в този случай, изображението губи първоначалния си вид и е твърде неясна.

Вижте как може да изглежда по следния пример:

За да обобщим, ако искате да промените размера на изображението, използвайте ширината и височината атрибути елемент IMG и техните ценности и да уточни броя на пикселите в ширина и височина.