Изменение разрешения и размеров изображения для Html

Как известно, изображение, которое помещается на веб-страницу, должно иметь маленький размер в байтах, чтобы содержащая его веб-страница быстро загружалась. Для уменьшения размера изображения в байтах существует несколько приемов, в частности можно уменьшить разрешение изображение или его геометрический размер. Этой цели служит команда Image > Image Size (Изображение > Размеры изображения), при выборе которой открывается диалоговое окно.

Хотя геометрические размеры изображения, помещаемого на веб-страницу, можно отрегулировать атрибутами WEIGHT и HEIGHT тегов языка HTML, эти регулировки никак не скажутся на размере изображения в байтах, а, значит, — и на скорости его загрузки.

Например:

Фотография рыбы в аквариуме была выполнена цифровым фотоаппаратом. Разрешение полученной фотографии составляет 180 пикселов на дюйм, а геометрический размер — 36,58×27,43 см. Конечно, такой файл («весом» более 3 Мбайт) никто не поместит на свою веб-страницу.

После того как мы его отредактировали, размер файла с новыми параметрами оказался в 132 раза меньше (!), чем был раньше, и составил 24 Кбайт. Естественно, при подобной настройке нужно все время визуально контролировать качество изображения, поскольку снижение разрешения означает уменьшение количества пикселов на единицу длины, что, в конце концов, обязательно скажется на визуальном восприятии.