Робота з зображеннями

Багатьом з нас в якійсь мірі час від часу доводиться мати справу з зображеннями. У цій статті хотілося б поговорити саме на цю тему. Оскільки я не дизайнер, то будуть приводитися тільки загальні прийоми по роботі з графікою. Якщо бути точним, то з даної статті ви дізнаєтеся, як змінювати дозвіл зображень і зберігати їх у форматі для Web за допомогою програми PhotoShop, як зберігати зображення в FireFox за допомогою гарячих клавіш. а також як в один клік змінити дозвіл всіх фотографій незалежно від їх кількості.

Ідея написання цієї статті з'явилася під час створення веб-журналу свого, над яким я ще працюю, але який вже запущений в мережі інтернет. Робив я його чисто для душі, а не для пошукових систем, тому не особливо розраховую на його окупність. Оскільки це фотобог, то на нього потрібно було шукати зображення. На щастя я знайшов дуже хороший джерело якісних фотографій, але зіткнувся з декількома проблемами.

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

Як зберегти зображення у форматі для Web

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

Для того щоб зберегти зображення у форматі для Web, йдемо в Файл - Зберегти для Web і пристроїв або використовуємо гарячі клавіші Shift + Alt + Ctrl + S. Далі вибираємо формат і налаштовуємо якість зображення, після чого зберігаємо зображення в форматі для Web.

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

Як зберігати зображення в Mozilla Firefox за допомогою гарячих клавіш

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

Після установки плагіна вам потрібно буде його налаштувати. Для цього заходимо в Інструменти - Save Images - Options. Для наочності привожу приклад моїх налаштувань, які використовую я. У них виставлено обмеження на розмір зображень, тобто зберігаються тільки ті зображення зі сторінки, розмір яких перевищує мінімальний, заданий в налаштуваннях. При бажанні можете встановити собі такі ж параметри, які відображені на малюнках.

Вкладка Limits / Duplicates / Types - тут можна налаштувати фільтр для зображень, операції з дублікатами і т.д.

Вкладка Save - в цій вкладці знаходяться настройки по збереженню зображень.

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

Вкладка General - загальні налаштування.

Вкладка Keyboard Shortcuts - тут ми можемо налаштувати гарячі клавіші.

Як бачите, у мене зображення зберігаються за допомогою комбінації клавіш Shift + Crtl + A.

Вкладка Menu Items - тут можна налаштувати відображення пунктів у різних місцях, наприклад, в інструментах і контекстному меню, яке з'являється після натискання правою кнопкою миші по зображенню.

За великим рахунком в налаштування плагіна Save Images я особливо не вникав. Єдине, що я зробив, так це налаштував автоматичне збереження зображень в Firefox за допомогою гарячих клавіш. Для цього просто заходимо на сторінку з зображенням і натискаємо комбінацію гарячих клавіш. В результаті цього в правому нижньому кутку браузера з'явиться спливаюче віконце з інформацією про результати збереження зображень.

Як автоматично змінити дозвіл всіх зображень в один клік

Ну і на завершення цієї невеликої статті хотілося б розглянути одну дуже просту безкоштовну програму, яка дозволяє змінювати дозвіл зображень в один клік. Називається вона Dropresize. Якщо не зможете знайти її в інтернеті, то напишіть мені в «Контакти» і я поділюся своєю версією програми.

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

Насамперед вказуємо шлях до папки, в якій буде проводитися зміна дозволу зображень. Потім виставляємо, якого розміру повинна бути сторона зображення і вибираємо, за яким саме параметру орієнтуватися. У моєму випадку вибрано "Resizebywidth». В цьому випадку всі зображення будуть пропорційно змінювати розмір до ширини в 610 пікселів. Тобто, якщо у вас було зображення дозволом 1220 на 800, то стане розміром 610 на 400. Думаю, сенс зрозумілий.

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

Робиться це дуже просто. Для цього беремо наші зображення або папки з зображеннями і копіюємо їх в папку, яку ми вказали в налаштуваннях програми. При переміщенні зображень в цю папку вони автоматично змінять дозвіл на те, що зазначене в налаштуваннях програми. Якщо фотографій дуже багато, то краще почекати пару хвилин для завершення зміни розмірів усіх фотографій.

Також на завершення хотілося звернути вашу увагу на те, що зміна дозволу зображень відбувається лише тоді, коли програма знаходиться в треї, тобто в згорнутому вигляді. В іншому випадку програма працювати не буде.

На цьому все. Удачі вам і до швидких зустрічей на сторінках блогу dmitriydenisov.com

Помітили помилку? Виділіть її та натисніть Ctrl + Enter

Щодо «Як автоматично змінити дозвіл всіх зображень в один клік»:
Ось до скільком програмами я б не намагався звикнути, не виходило, тому що FastStone Photo Resizer - найбільш зручна програма :)
Так як я працюю з журналу свого, для мене важлива одна, на перший погляд маленька, функція. Ця зміна лише ширини, а висота вже в залежності від ширини. Тому коли працюємо з такими програмами, як Dropresize, буде складно працювати з зображеннями «книжкової» орієнтації, він зробить висоту 800, коли треба ширину ... :)
Якось так…

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