Обработка фотографий для сайта — Уменьшаем размер
Обработка фотографий для сайта. Простые, но эффективные техники, которым может обучиться каждый. Сегодня вы научитесь правильно уменьшать размер фотографий.
Вас все еще пугает Adobe Photoshop? Тогда мы идем к вам :)
Зачастую видишь на интересных по содержанию сайтах унылые или откровенно плохо обработанные (а то и вовсе без обработки) фотографии, которые портят все впечатление. Чтобы подобного не случалось с вашим сайтом, предлагаю несколько простых рецептов, которые вы легко сможете реализовать в программе Photoshop, даже если вы никогда ей раньше не пользовались.
В работе я использую программу Photoshop версии CS3. Я настоятельно рекомендую вам не заморачиваться с новейшими версиями программы и использовать эту. Причины следующие:
Во-первых, новые версии гораздо тяжеловеснее. Во-вторых, стоят намного дороже. В-третьих, они избыточно перенасыщены различными функциями, которые вам сто лет нафиг не нужны будут. А в версии CS3 есть все, что необходимо для комфортной работы.
Начнем!
Уменьшаем размер фотографий
Грустно видеть, как некоторые блоггеры вставляют в свои посты фотографии прямо с фотика, ни разу не задумываясь о размерах и сжимая их принудительно при помощи HTML, хотя реальный размер и вес картинки остаются прежними. В результаты блог грузится непомерно долго. А поисковики этого ох как не любят, не говоря уже о посетителях, которые не любят ждать. Кроме того, при таком сжатии картинка часто становится нерезкой.
Поэтому для начала мы научимся правильно уменьшать размер фотографий и не потерять при этом интересные детали снимка.
Итак, засучив рукава, запускаем программу Adobe Photoshop и следом открываем в ней свою первую фотографию для обработки. Сделать это можно аж тремя способами:
- Просто перетаскиваем фотографию в рабочее пространство программы.
- Через меню программы File – Open – выбрать нужный файл.
- При помощи «горячих клавиш» 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, и вуаля! Вертикальные снимки уменьшаются точно по такому же принципу, только на последнем шаге вы выставляете другие размеры в пикселях, чтобы снимок не получился слишком крупным.
С размерами все. Если что-то было не понятно, спрашивайте в комментариях.
В следующий раз мы научимся правильно корректировать цвета и насыщенность фотографий. Это тоже довольно просто.
Вэлкам!
Действительно «на пальцах» все объяснили, спасибо! А как вы относитесь к онлайн-сервисам обработки фотографий? Они правильно это делают?
Спасибо за урок. У меня тоже есть фотошоп, но я обрабатываю снимки при помощи другой программы FastStone Image Viewer. Уже привыкла к ней. Она проста в использовании и там есть самые необходимые функции. Пока для простой обработки хватает. А при необходимости пользуюсь и Фотошопом.)
@Елена, на счет «правильности» не скажу, так как сам такими сервисами не пользуюсь. Это скорее дело вкуса. В каждом из них свои технологии. Все зависит от того, нравится ли вам результат.
@Ирина, пожалуйста! В принципе любая программа для обработки хорошо. Было бы желание это делать. А то люди часто добавляют в посты фотки прямо из камеры.
@Наталья, особой необходимости именно в фотошопе нет, подходит любая программа для обработки, в том числе и онлайн-сервисы. Главное — не лениться это делать :)
А я вот до сих пор не решу: нужен мне этот фотошоп или нет. Пользуюсь онлайн-сервисами по обработке и коррекции фото и меня это устраивает.
Как Вы думаете, Игорь, насколько необходим Фотошоп блоггеру?
Обработка фотографий часто требуется для блога или других целей и фотошоп прекрасно справляется с этой задачей.
Верно, Оксана! В принципе любая программа хороша, было бы желание ею пользоваться.