Логотипчик



Назад


Сохранение картинок для Web-страниц в Adobe Photoshop

В данной статье о Photoshop мы узнаем, как сохранить картинку, уменьшив ее размер, что важно при загрузке веб-страниц.

Для начала откроем нашу картинку в Adobe Photoshop (фотошопе). У нас это будет фотография колокольни, которая находиться около дворца графа Бобринского в Богородицке. Перед работой над изображением ее размер составлял 1,20 МБ (1 265 296 байт), тип файла - JPEG Image (.JPG).

Исходная фотография

1. Теперь перейдем к сохранению. Для этого переходим Файл>>Сохранить для Web и устройств.

Вкладка для сохранения для Web и устройств

Возникнет следующее окно

Окно для подборки параметров сохранения

Причем в Adobe Photoshop оригинал занимает уже 9,22 МБ.

В этом окне показаны 4 изображения. Из них мы можем выбрать то, которое хотим сохранить. Также мы можем изменить параметры сохранения.

2. Изменение параметров сохранения.

Панель управления параметрами сохранения

Видно, что мы можем выбрать тип сохраняемого файла. В данном случае лучше оставлять JPEG, т.к. он наиболее подходит для нашей цели. Также в строке Качество можно выбрать число от 1 до 100. Выберем например 1.

Уменьшим еще размер изображения до 50%, перейдя на вкладку Размер изображения в правой части окна.

Вкладка для изменения размера изображения

3. Наконец, получаем, что размер изображения уменьшился до 31,83 КБ, но качество резко ухудшилось. Однако здесь можно найти необходимый компромисс, имея в виду функцию, которую будет выполнять картинка.

Выбранное изображение для сохранения

Теперь можно сохранить полученное изображение, просто нажав а кнопку Сохранить. Предварительно убедитесь, что у выбранного вами варианта вокруг есть синяя рамка, как показано выше на рисунке.

В итоге получили следующую картинку, размер которой составил 31,8 КБ (32 610 байт)

Сохраненная картинка


К верху страницы


<- К предыдущей статье   К следующей статье ->

Низ сайта