Обработка фотографий для сайта — Уменьшаем размер

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

Вас все еще пугает Adobe Photoshop? Тогда мы идем к вам :)

Зачастую видишь на интересных по содержанию сайтах унылые или откровенно плохо обработанные (а то и вовсе без обработки) фотографии, которые портят все впечатление. Чтобы подобного не случалось с вашим сайтом, предлагаю несколько простых рецептов, которые вы легко сможете реализовать в программе Photoshop, даже если вы никогда ей раньше не пользовались.

В работе я использую программу Photoshop версии CS3. Я настоятельно рекомендую вам не заморачиваться с новейшими версиями программы и использовать эту. Причины следующие:

Во-первых, новые версии гораздо тяжеловеснее. Во-вторых, стоят намного дороже. В-третьих, они избыточно перенасыщены различными функциями, которые вам сто лет нафиг не нужны будут. А в версии CS3 есть все, что необходимо для комфортной работы.

Начнем!

Уменьшаем размер фотографий

Грустно видеть, как некоторые блоггеры вставляют в свои посты фотографии прямо с фотика, ни разу не задумываясь о размерах и сжимая их принудительно при помощи HTML, хотя реальный размер и вес картинки остаются прежними. В результаты блог грузится непомерно долго. А поисковики этого ох как не любят, не говоря уже о посетителях, которые не любят ждать. Кроме того, при таком сжатии картинка часто становится нерезкой.

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

Итак, засучив рукава, запускаем программу Adobe Photoshop и следом открываем в ней свою первую фотографию для обработки. Сделать это можно аж тремя способами:

1. Просто перетаскиваем фотографию в рабочее пространство программы.
2. Через меню программы File – Open – выбрать нужный файл.
3. При помощи «горячих клавиш» Ctrl+O – выбрать нужный файл.

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

Сделать это можно при помощи полезной функции — Actions.

Ничего сложного в них нет. Сейчас расскажу «на пальцах» как ими пользоваться. Экшены позволяют записывать последовательность операций, производимых вами над файлом, и впоследствии воспроизводить их для других файлов. Уменьшив фотографию один раз до нужных размеров, вы все последующие снимки сможете уменьшать гораздо быстрее и эффективнее, буквально в один клик мышки.

Вот как это делается. Когда вы открыли первый файл, то на панели Actions вам нужно создать новый экшен. Сначала создадим папку, в которую этот экшен будет добавлен. На панели Actions, внизу кликаем по изображению папки (Create new set) и задаем имя этой папки. Например, Web.

Далее кликаем по картинке правее (Create new action) и задаем имя новому экшену, скажем Landscape.

Обратите внимание на кнопку Record. Нажимая ее, вы запускаете процесс записи экшена. Теперь все последующие операции над файлом будут аккуратно записаны программой, и будут продолжать записываться до тех пор пока вы не нажмете кнопку стоп:

Работая над следующими снимками, вам нужно всего лишь выделить этот экшен и нажать на кнопку воспроизведения (Play selection).

Окей! С этим разобрались, теперь можно переходить непосредственно к правильному уменьшению фотографий. Почему я акцентирую ваше внимание на слове правильный? Дело в том, что если сразу тупо уменьшить большой исходный снимок до нужного размера, то можно потерять массу интересных деталей. Уменьшать фотографию необходимо последовательно. То есть, сначала на 50%, затем еще раз на 50%, а уже в конце до того размера в пикселях, на который рассчитан ваш блог. Такой способ позволяет более корректно сжать снимок и сохранить большинство деталей.

Делается все это элементарно. Напомню: у нас все еще включен режим записи экшена, так что старайтесь не делать лишних телодвижений.

Заходим в меню Image – Image size – в окошке Width ставим значение 50, а единицы измерения выбираем Проценты (percent):

Повторяем процесс еще раз. А на третьем шаге выбираем уже не проценты, а пиксели и тот размер, что вам необходим для вашего блога. Как только это выполнили, то сразу нажимаете на кнопку «стоп» в панели экшенов.

Вот вы и уменьшили свою фотографию правильным способом, а заодно записали полезный экшен. Примите мои поздравления!

Окей! С горизонтально ориентированными фотографиями мы разобрались. Но что делать с вертикально ориентированными, или иначе — портретными? Да все то же самое! Открываем такой снимок, записываем для него новый экшен (в той же папке, где лежит первый экшен), например, с именем Portrait, и вуаля! Вертикальные снимки уменьшаются точно по такому же принципу, только на последнем шаге вы выставляете другие размеры в пикселях, чтобы снимок не получился слишком крупным.

С размерами все. Если что-то было не понятно, спрашивайте в комментариях.

В следующий раз мы научимся правильно корректировать цвета и насыщенность фотографий. Это тоже довольно просто.

Вэлкам!

Автор: Игорь Квентор
www.websovet.com