Странички сайта с уроками фотошопа для начинающих.

Уроки
Портфолио
Книги

 

Как уменьшить размер фото для web.

 

Почти каждый фотолюбитель хочет размещать свои фото на страничках соцсетей, но файл, который получается в исходных размерах с фотоаппарата имеет очень большой размер.Как уменьшить размер фото и при этом сохранить хорошее качество? Рассмотрим более подробно способ размещения фото в своих блогах и страничках соцсетей типа "Одноклассники" или "ВКонтакте".

Откроем любое фото и выберем команду "Изображение - Размер изображения". На экране появится окно с параметрами открытого фото. Мы видим параметры в пикселях и общий размер файла.

У меня фотоаппарат выдает для фото такие размеры:

 

 

 

Большой размер файла 57,1М будет долго загружаться на страничку. Размер в пикселях просто огромный. Рекомендуемые стандартные размеры экрана монитора в пикселях 1280 х 1024, а размеры исходного файла в три раза больше.

Размещаемая картинка в интернете должна быть не более 700 - 800 пикселей по ширине и высоте. В этом случае на экране видим само фото и описание или комментарии к нему.

Простое уменьшение размеров приведет к потере качества. Специалисты предлагают уменьшить размер в два этапа.

 

Первый этап: уменьшаем размер в два раза и повышаем резкость фильтром "Фильтр - Усиление резкости - Резкость+". Снижаем воздействие фильтра на 50%.

Для нашего фото ставим ширину 1800 пикселей. Высота выставится пропорционально.

 

Размерность файла также уменьшилась и стала 13,9М.

Делаем копию слоя и применяем команду "Фильтр - Усиление резкости - Резкость+". Фильтр не имеет настроек, поэтому мы сразу увидим результат.
Изображение стало слишком резким. Уменьшаем непрозрачность верхнего слоя примерно до 50%, чтобы уменьшить эффект от фильтра "Резкость". Объединяем слои.

 

Второй этап: уменьшаем размер уменьшенного файла еще в два раза.

 

 

Делаем копию слоя и повышаем резкость фильтром "Фильтр - Усиление резкости - Резкость+". Снижаем воздействие фильтра на 25%. Объединяем слои.

Теперь можно сравнить качество фото с обычным уменьшением и с поэтапным уменьшением размеров.

 

 

Возможно, для любителей такая обработка покажется сложной и не нужной. Хороший снимок с отличного фотоаппарата и в уменьшенном размере будет выглядеть неплохо. Разница не слишком бросается в глаза, но все таки она есть.

Увлекшись фотографированием и фотошопом не лишним будет знание правильной обработки изображений на профессиональном уровне.

 

Уменьшенное изображение сохраняем для web командой "Файл - Сохранить для web и устройств...". Эта команда делает оптимизацию файла и меняет разрешение на 72 пикселя на дюйм.

В правой части окна выставляются параметры.

На выбор предлагаются два формата сохранения файла : формат GIF и формат JPEG. Формат GIF поддерживает не больше 256 цветов и подойдет только для сохранения рисунков и чертежей. Красивую фотографию в этом формате не сохранишь, поэтому выбираем формат JPEG.
В нижнем окошке выбираем качество фотографии: низкое, среднее, высокое, максимальное.

 


 

Параметры выставляются с учетом того, что важнее: быстрая загрузка или качество. В окнах просмотра видим первоначальный размер файла 958К и размер оптимизированного файла 267,7К со скоростью загрузки 49 сек. Если уменьшим качество, уменьшится скорость загрузки. В некоторых случаях выгоднее выставлять качество "среднее" чтобы уменьшить скорость загрузки, потому что особой разницы между средним и высоким качеством можно не увидеть, а разница в объеме получаемого файла может оказаться значительной.

В окне "Размер изображения" можно выставить окончательный размер по высоте или по ширине.

Наконец, когда выбор размера изображения, формата и качества закончен, нажимаем кнопку "Сохранить". Поскольку файл готовим для Интернета - сразу напишем название сохраняемого файла латинскими буквами и определяем папку для сохранения. Опять нажимаем кнопку "Сохранить". Если шибко грамотный фотошоп при этом выдаст вам предупреждение, что "некоторые имена файлов несовместимы с некоторыми веб-браузерами", скажите, что и без него все знаете и нажмите ОК .

Всё, снимок для web готов!

Внимание! 

Пока Вы полностью не закончите работу над фотографией, сохраняйте ее в "родном" фотошоповском формате PSD, потому что многократное повторное сжатие в форматах GIF и JPEG приводит к безвозвратной потере качества.

Задача урока выполнена. Мы уменьшили размеры фото без потери качества и и подготовили к загрузке оптимизированный файл с разрешением 72 пикселя на дюйм.

 

Яндекс.Метрика