Работа с изображениями. Как вручную и автоматически изменять размер изображений. Как сохранять изображения в Firefox при помощи горячих клавиш

Logo
Работа с изображениями. Как вручную и автоматически изменять размер изображений. Как сохранять изображения в Firefox при помощи горячих клавиш

Многим из нас в какой-то мере время от времени приходится иметь дело с изображениями. В этой статье хотелось бы поговорить именно на эту тему. Поскольку я не дизайнер, то будут приводиться только общие приемы по работе с графикой. Если быть точным, то из данной статьи вы узнаете, как изменять разрешение изображений и сохранять их в формате для Web при помощи программы PhotoShop, как сохранять изображения в FireFox при помощи горячих клавиш, а также как в один клик изменить разрешение всех фотографий независимо от их количества.

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

  1. Как быстро сохранить изображения
  2. Как изменить размер изображений для удобной публикации в  блог.

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

Как сохранить изображения в формате для Web

Первые разы я все делал вручную. Сначала сохранял изображения, а затем заходил в программу PhotoShop и вручную изменял разрешение картинки, после чего сохранял в формате для веб. Для того чтобы изменить размер изображения заходим в Изображение – Размер изображения или просто нажимаем сочетание клавиш Alt+Ctrl+I.  Далее выставляем нужный нам размер изображений.

Изменение размера фотографий в PhotoShop

Для того чтобы сохранить изображение в формате для Web, идем в Файл – Сохранить для Web и устройств или используем горячие клавиши Shift+Alt+Ctrl+S. Далее выбираем формат и настраиваем качество изображения, после чего сохраняем изображение в формате для Web.

PhotoShop сохранить изображение в формате для веб

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

Как сохранять изображения в Mozilla Firefox при помощи горячих клавиш

Копируя множество изображений вручную, я понял, что это не очень эффективно, да еще и занимает много времени. Посидев немного в интернете, я нашел способ, как можно сохранять изображения в Firefox при помощи горячих клавиш. Для этого нам понадобится скачать и установить специальный плагин под названием Save Images. Скачать его можно с официального сайта Mozilla.

После установки плагина вам нужно будет его настроить. Для этого заходим в Инструменты – Save Images – Options. Для наглядности привожу пример моих настроек, которые использую я. В них выставлено ограничение на размер изображений, то есть сохраняются только те изображения со страницы, размер которых превышает минимальный, заданный в настройках. При желании можете установить себе такие же параметры, которые отображены на картинках.

Вкладка Limits/Duplicates/Types – здесь можно настроить фильтр для изображений, операции с дубликатами и т.д.

Плагин Save Images - Настройка - фото 1

Вкладка Save – в этой вкладке находятся настройки по сохранению изображений.

Плагин Save Images - Настройка - фото 2

Вкладка Auto Open/Save – здесь у меня все пункты отключены, поэтому фотография приводиться не будут.

Вкладка General – общие настройки.

Плагин Save Images - Настройка - фото 3

Вкладка Keyboard Shortcuts – здесь мы можем настроить горячие клавиши.

Плагин Save Images - Настройка - фото 4

Как видите, у меня изображения сохраняются при помощи комбинации клавиш Shift+Crtl+A.

Вкладка Menu Items – здесь можно настроить отображение пунктов в разных местах, например, в инструментах и контекстном меню, которое появляется после нажатия правой кнопкой мыши по изображению.

Плагин Save Images - Настройка - фото 5

По большому счету в настройки плагина Save Images я особо не вникал. Единственное, что я сделал, так это настроил автоматическое сохранение изображений в Firefox при помощи горячих клавиш. Для этого просто заходим на страницу с изображением и нажимаем комбинацию горячих клавиш. В результате этого в правом нижнем углу браузера появится всплывающее окошко с информацией о результатах сохранения изображений.

Как автоматически изменить разрешение всех изображений в один клик

Ну и в завершение этой небольшой статьи хотелось бы рассмотреть одну очень простую бесплатную программу, которая позволяет изменять разрешение изображений в один клик. Называется она Dropresize. Если не сможете найти ее в интернете, то напишите мне в «Контакты» и я поделюсь своей версией программы.

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

Настройка программы Dropresize

Первым делом указываем путь к папке, в которой будет производиться изменение разрешения изображений. Затем выставляем, какого размера должна быть сторона изображения и выбираем, по какому именно параметру ориентироваться. В моем случае выбран параметр «Resize by width». В этом случае все изображения будут пропорционально изменять размер до ширины в 610 пикселей. То есть, если у вас было изображение разрешением 1220 на 800, то станет размером 610 на 400. Думаю, смысл понятен.

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

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

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

На этом я заканчиваю данную статью. Если у вас возникнут какие-то вопросы по ней, вы всегда можете задать их в комментариях.

На этом все. Удачи вам и до скорых встреч на страницах блога dmitriydenisov.com

Обнаружили ошибку? Выделите ее и нажмите Ctrl+Enter

Комментарии 8

  • Ильфат

    Насчет «Как автоматически изменить разрешение всех изображений в один клик»:
    Вот к скольким программам я бы не пытался привыкнуть, не получалось, т.к. FastStone Photo Resizer — наиболее удобная программка :)
    Так как я работаю с фотоблогом, для меня важна одна, на первый взгляд маленькая, функция. Это изменение лишь ширины, а высота уже в зависимости от ширины. Поэтому когда работаем с такими программами, как Dropresize, будет сложно работать с изображениями «книжной» ориентации, он сделает высоту 800, когда надо ширину… :)
    Как то так…

  • Дмитрий

    Хочу в вами не согласиться.
    Если ориентация изображения правильна (оно не перевернуто), то программа будет подгонять ширину правильно. То есть, если фотка перевернута, то перед изменением размера нужно сначала ее перевернуть в нормально положение, в котором она будет размещена на сайте (в Windows 7 поворот изображений осуществляется в 2 клика через контекстное меню). Тогда все будет работать правильно.

  • Ильфат

    Но согласитесь, что всё это — лишние действия…
    А программ много, и мы выбираем максимально удобные для нас.

  • Дмитрий

    Я что-то не пойму… Программа выполняет все так, как задано в настройках. Как мы видим изображение, так программа его и редактирует. Если изображение перевернуто, то программа не может понять, перевернуто оно или нет. Она стандартно изменяет размеры, то есть подгоняет по ширине.
    Видимо мы немного друг друга не поняли и говорим о разных вещах:)
    Ну а программа хорошая. Сам до сих пор ею пользуюсь.
    Нужно изменить размеры изображений — Ctrl+C — Crtl+V и размеры изменились.
    Все просто и быстро.

  • Ильфат

    Да, возможно, что о разных вещах говорим :)
    Всё равно не перейду к этой… :b

  • Дмитрий

    Кому что ближе, тот то и использует :)

  • Кён

    Как сохранять изображения в Mozilla Firefox при помощи горячих клавиш

    я чёт не могу понять. настроил всё как на скринах.а нифига не сохраняет.перенастроил по-другому. тоже ничего. только когда нажимаешь на значок. поток изображений сохранился, но картинки размером с мизер х.х
    P.S.гружу изображения из альбомов вконтакте.

  • Дмитрий

    Чтобы сохранить полную картинку, ее нужно сначала открыть. Если сохранять изображения с альбомов, то сохранятся миниатюры, так как на странице именно они. Плагин не может сам полезть и найти полные версии файлов. Таким образом, открывайте файлы полностью либо ищите способ, как получить полные версии файлов на одной странице. Я когда-то использовал данный плагин и проблем с ним у меня не возникало.

Оставить комментарий

отменить ответ