Щоб зменшити зображення в HTML, ви можете використовуйте атрибути «width» і «height» зі значеннями в пікселях всередині тегу <img>.
Для атрибута ширини можна також використовувати відсотки, де 100% — це загальний доступний простір. Отже, якщо ви хочете, щоб зображення становило одну чверть ширини вікна, ви можете встановити ширину на 25% (одна чверть від 100% становить 25%). Висота буде пропорційна ширині, якщо ви не встановите її також.
Під час роботи із зображеннями в HTML одним із найпростіших способів змінити розмір зображення є за допомогою використовуючи атрибути ширини та висоти тегу <img>. Ці атрибути дозволяють вказати розміри зображення безпосередньо у вашому HTML-коді.
Щоб змінити розмір зображення за допомогою тегів HTML, ви можете встановити атрибути ширини та висоти в тегу <img>. Ми також можемо розмістити ту саму ширину та висоту всередині вбудованого тегу <style>.
Синтаксис. Тип даних <percentage> складається з <number>, після якого йде знак відсотка (%). За бажанням йому може передувати один знак + або -, хоча від’ємні значення дійсні не для всіх властивостей.
Одним із найпростіших способів змінити розмір зображення в HTML є використовуючи атрибути висоти та ширини тегу img. Ці значення визначають висоту та ширину елемента зображення. Значення встановлюються в пікселях, тобто пікселях CSS.