Меняем размер у нескольких фото сразу

Работая с сайтам очень часто появляется потребность сразу обработать много фото. Сейчас покажу как это делается в пару кликов)

Так, тут нововведение прям. Теперь перед текстовой частью статьи будет и видео. Кому лень читать — могут смотреть видео инструкции.

Да, звук ужасен. Пока что)) Очень давно ничего не записывал в таком формате, да и микрофона нет. Но со временем все будет круче)

Зачем обрабатывать фото для сайта?

Всё очень просто. Зачастую фото с телефона весит пару мегабайтов, а профессиональные фото и за 30Мб завалят легко. Для сайта это, мягко говоря, катастрофа. Потому все фото обрабатывают перед публикацией.

В данном примере мы не трогаем качество фото, а работаем только с размерами.

Например, есть у нас есть проф. фото (на скрине справа). Мы видим, что фото весит 10,9Мб. Слева то же фото, только уже уменьшенное — весит всего 148 кб. Разница мягко говоря колоссальная) Можно еще меньше, подкрутив качество фото, но сейчас мы это не трогаем. Таким образом из папки в 294Мб я сделал 5мб. Вот и представьте, на сколько быстрее ваш сайт будет работать и как сильно вы экономите место на своем сайте.

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

Есть два варианта:

  1. Ручками через графические редакторы
  2. Через фотошоп — автоматически (я чаще всего использую это)

Классика — Paint (пэинт в простонародье)

Просто открываем фото через Paint. Для этого:

  1. Клацаем по фотке правой кнопкой мышки
  2. Открыть с помощью
  3. Paint

Открывается у нас наш «редактор». И дальше как на картинке идем по пунктам — 1-2-3.

Какие размеры фото ставить? Я придерживаюсь 2 правил. Если фото горизонтальное — я ставлю по ширине 800 пикселей. Если фото вертикальное — 700 по высоте. В нашем случае оно вертикальное и я поставил 700 по высоте.

Как видите, после сохранения фото оно уже весит 150Кб.

Важно заметить! Если вы нажмете сохранить («дискетка» на скрине), то ваше оригинальное фото станет маленьким. Потому настоятельно рекомендую скопировать фото перед началом работы и уже работать с копиями. Ибо назад пути нет!

Подготавливаем фотошоп для автоматической обработки

Так. Тут требуются подготовительные работы. Сначала мы запишем не большой «скрипт» для фотошопа, чтобы он обрабатывал фото. Запускаем шайтан-программу нашу и открываем (через меню — файл — открыть) наше большое фото. Одно для записи скрипта. Дальше идем в меню «Окно» и выбираем там «Операции», либо можно нажать Alt + F9 на клавиатуре. После чего у нас появиться чудная панелька справа.

Теперь в новом окне нажимаем на иконку папки (1), вводим название папки с действиями (2), жмем сохранить «Ок» (3). Как видите у меня уже есть пара папок «Высота 800» это для более легкого поиска в дальнейшем. Вы тоже можете подписать «обработка фото» или как удобно.

Теперь давайте создадим нужную «операцию». Нажимаем на иконку файла. Вводим название «операции» — Я введу «Высота 700», так как буду обрабатывать вертикальные фото. Если у вас горизонтальные фото пишите «Ширина 800». Или что-то на свое усмотрение, главное чтобы потом понятно было. Жмём кнопку «Записать»

Теперь не делаем ничего лишнего. Идем в меню:

  1. «Изображение»
  2. «Размер изображения»

Видим перед собой окно.

Проверяем стоит ли у нас знак «цепочки» (3). Если стоит — продолжаем, если нет — жмем на иконку что там есть.

Проверяем единицы измерения, должны быть пиксели (4). Если другое — выбираем пиксели. Осталось ввести свою высоту картинки (5) я ставлю там 700 px

Сохраняем нажимая на «Ок» (6). Теперь это окошко исчезло. Осталось нажать на знак «Стоп» (7). Готово)

Всё, скрипт записан. Осталось только включить автоматическую обработку.

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

Обработчик изображений. Обрабатываем сразу много фото

Теперь дело за малым.

Открываем «файл» — «сценарии» — «Обработчик изображений…»

  1. Выбираем папку с фото, которые нужно обработать. Важно! Если в папке горизонтальные и вертикальные фото — нужно разделить их. Обрабатываем их отдельно, для каждого своя «операция»
  2. Жмем галочку тут, теперь нам доступен выбор куда сохранить фото.
  3. Выбираем место, куда сохранятся новые фотографии. Создать папку можно прямо при выборе.
  4. Ставим галочку «Преобразовать профиль в sRGB» и качество 4.
  5. Выбираем свою папку с операциями. Я выбрал свою папку «Для урока», в ней есть только одна операция для вертикальных фото — «высота 700».
  6. Жмем «выполнить»

Готово!) Теперь фотошоп начал обработку фото. Видно, что он открывает и закрывает фото. В это время можно его свернуть и заняться своими делами за компьютером. Одно другому не мешает) Время обработки зависит от количество фото и мощности вашего компьютера. У меня 1,2Гб фото обрабатывается минут за 7.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *