Главная › Новости

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

Опубликовано: 06.09.2018

Видеокурс HTML & CSS. Урок 2. Работа с изображениями.

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

HTML. Урок 8. Работа с изображениями

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

6. Работа с изображениями в Word 2010

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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