Оптимізація зображень для сайту без втрати якості — безкоштовні програми для пакетної обробки

Вже давно замислювався над тим, як швидко обробляти фотографії на своєму сайті або в разі замовлення статей. Коли починаєш обговорювати ТЗ з копірайтером або пишеш його на біржі. Відразу виникає питання обробки фотографій. Кілька разів стикався з такими моментами, коли або копірайтери відмовляються від обробки фото або починають торгуватися, адже обробка фото займає дуже багато часу в порівнянні з написанням всієї статті

73a7569c199858219ae4afaea77ee7df Оптимізація зображень для сайту без втрати якості — безкоштовні програми для пакетної обробки

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

Пропоную вам дуже простий спосіб обробки фотографій за розміщення на своєму сайті, який займає від 5 до 8 хвилин не залежно від їх кількості. Застосовую для цього 2 програми.

Програма ImageTuner для зміни розміру, установки водяного знака, перейменування і обрізання кутів фото

Отже, почнемо. Перша програма Image Tuner в даний момент в мережі є версія 6.8, є і російська версія цієї програми. Але я користуюся цією, тому хочу дати пояснення саме по ній

d1b40a7d8177b45b2425c46fb221715c Оптимізація зображень для сайту без втрати якості — безкоштовні програми для пакетної обробки

При натисканні на посилання ми переходимо на сайт цієї дивовижної безкоштовної програми. Щоб дістатися до скачування, треба натиснути на кнопку «Вчити більше».

bd044344727a1ee02ed8b394a985d83c Оптимізація зображень для сайту без втрати якості — безкоштовні програми для пакетної обробки

Після натискання на цю кнопку ми потрапляємо на наступну сторінку, де можна скачати цю програму

29df700c4997e1d74c0b1eb36c02b2c6 Оптимізація зображень для сайту без втрати якості — безкоштовні програми для пакетної обробки

Розберемо докладно, крок за кроком, для початківців, як я працюю з цією програмою.

Запускаю програму

c3e85421c97f01531038cdd2075e4ba0 Оптимізація зображень для сайту без втрати якості — безкоштовні програми для пакетної обробки

Для початку нам необхідно вибрати усі фото, які будуть оброблятися. У мене вони пронумеровані від 1 до 9 йдуть 01,02,03 і т. д. Це я роблю для того, щоб фотографії йшли по порядку. Тому, що якщо не поставити 0 перед цифрою, вони стануть не по порядку, а перемішаються.

Для цього натискаємо Add Image

1ef03df579bc277c70c41a6c235390e8 Оптимізація зображень для сайту без втрати якості — безкоштовні програми для пакетної обробки

Проходимо з папок вашого комп’ютера, добираємося до папки з нашими фото

Їх можна виділяти утримуючи клавішу на клавіатурі клавішу Ctrl, можна виділити першу картинку і утримуючи клавішу на клавіатурі Shift клацнути по останньої. Так всі фото опиняться в полі програми

3903359dba02a57278fec4782b10b9ca Оптимізація зображень для сайту без втрати якості — безкоштовні програми для пакетної обробки

Далі, вибираємо, що ми будемо робити з нашими фотографіями.

Натискаємо зелений хрестик або як роблю я, натискаю на чорний трикутник вниз, вибір Tasks

f78a19bc4d663809a4f2c2c73132d123 Оптимізація зображень для сайту без втрати якості — безкоштовні програми для пакетної обробки

На екрані з’являється список, що випадає, він показує змінити розмір, поставити водяний знак, конвертувати, перейменовувати і т. д.

0774cfb2dfd7393c09ae70c33e5d2a3d Оптимізація зображень для сайту без втрати якості — безкоштовні програми для пакетної обробки

Натискаємо Resize (змінити розмір), випадає вікно, тут можна виставити розмір у відсотках, пікселях або в дюймах. Нам потрібні пікселі, тому клікаєм по Resize by pixel і виставляємо потрібний розмір. Мої розміри 640х420

c7af2b13289b7e6d3ced527a2e8b94b3 Оптимізація зображень для сайту без втрати якості — безкоштовні програми для пакетної обробки

Якщо залишити так, то розміри фото по ширині залишаться, а по висоті будуть різними, в залежності від вихідних фото, щоб дотримати пропорції. Щоб розміри фото відповідали нами вставленими, треба увійти у вкладку Settings і зняти галочку Preserve aspect ratio

92fde662dca00f9c2075d7e453a9dc1e Оптимізація зображень для сайту без втрати якості — безкоштовні програми для пакетної обробки

Після натискання Ок ми повернемося назад на наш головний екран

Далі, знову йдемо в випадаючий список, натискаємо маленький чорний трикутник вниз, там вибираємо Rename(Перейменувати). Англійськими літерами називаємо фотографії, наприклад kartofel_so_svininoy_ Всі фотографії будуть під таким ім’ям з порядковим номером

2b75c12ef33e02460f1dd801c20299b4 Оптимізація зображень для сайту без втрати якості — безкоштовні програми для пакетної обробки

Натискаємо ОК і повернемося на головний екран.

Йдемо в список, що випадає знову, натискаючи чорний трикутник вниз, вибираємо там Effects — Round для обрізання кутів фотографії

c92538e2f40500608a158e37e825da7f Оптимізація зображень для сайту без втрати якості — безкоштовні програми для пакетної обробки

З’являється вікно

b1392f54864b728d942d670da1d2258c Оптимізація зображень для сайту без втрати якості — безкоштовні програми для пакетної обробки

Спочатку стоять цифри 16, мені подобається поставити 4. Натисканням ОК повернемося на головний екран

92822a224818867f6dd1dcd630f6d2c4 Оптимізація зображень для сайту без втрати якості — безкоштовні програми для пакетної обробки

Натискаємо кнопку Process. Це початок перетворення файлів

4cfa182342d87a92323749413b0f8b0b Оптимізація зображень для сайту без втрати якості — безкоштовні програми для пакетної обробки

Нам випадає вікно, куди необхідно зберегти наші нові фотографії, тобто папка призначення. У мене це папка В духовці-Картопля зі свининою в духовці

87a69bfaac9fba2da51fcb97db4bad7c Оптимізація зображень для сайту без втрати якості — безкоштовні програми для пакетної обробки

Натискаю внизу Вибір папки

0385048f907e6fad5d7119120bc01756 Оптимізація зображень для сайту без втрати якості — безкоштовні програми для пакетної обробки

Пішов процес обробки, може випасти вікно, натискаю Yes to All

ee5a693ab48b7fb6ed021d30e2884de1 Оптимізація зображень для сайту без втрати якості — безкоштовні програми для пакетної обробки

Всі фото виявляються в папці потрібного розміру, з обрізаними кутами і потрібним назвою.

542cedb90b77708d492333a09702dfc6 Оптимізація зображень для сайту без втрати якості — безкоштовні програми для пакетної обробки

Якщо у вас фотографії до 150 кб, то на цьому я готовий закінчити свою статтю.

Програм RIOT для зменшення ваги картинок

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

a7f478b76fec4a3ae659d2793db00da0 Оптимізація зображень для сайту без втрати якості — безкоштовні програми для пакетної обробки

Завантажуємо, встановлюємо, відкриваємо

ffd5e6dc8258054f0ff7414e6b676056 Оптимізація зображень для сайту без втрати якості — безкоштовні програми для пакетної обробки

Натискаємо на вкладку Batch

e5bfe2430c91753276d49a8d0cd122bc Оптимізація зображень для сайту без втрати якості — безкоштовні програми для пакетної обробки

Відкривається інше вікно, назвемо його головне 2. В згорнутому вигляді ви не побачите Settings, тому програму треба розгорнути

b93c709a4ec5a6e89804988572ca7bed Оптимізація зображень для сайту без втрати якості — безкоштовні програми для пакетної обробки

Натискаємо на Settings і ставимо галочки і натискаємо Apply

bfe7daa4867b20a37f48d726a2440d89 Оптимізація зображень для сайту без втрати якості — безкоштовні програми для пакетної обробки

Натискаємо вкладку Additional tasks, клікаєм на Compress to size

75a19d131bb1d4d6c918ddf730e57805 Оптимізація зображень для сайту без втрати якості — безкоштовні програми для пакетної обробки

Близько Compress to size з’явиться галочка, закриваємо цю вкладку клікнувши на Additional tasks

449af25e4764d172c98b00bd4f5b7d3c Оптимізація зображень для сайту без втрати якості — безкоштовні програми для пакетної обробки

У нас з’являється нова вкладка Compress to size з двома стрілками вгору або вниз, в залежності від того, що вкладка відкрита або закрита, де вставляємо вага фото

79f4582725b74c6c9d9fdb55615b3bc0 Оптимізація зображень для сайту без втрати якості — безкоштовні програми для пакетної обробки

Виставляємо кількість кілобайт наших майбутніх фото, у мене 35

a77c3ca7d356886ba9229d50dfb47e8e Оптимізація зображень для сайту без втрати якості — безкоштовні програми для пакетної обробки

Натисканням кнопки Add images добираємося до папки з фотографіями, які необхідно стиснути. Йдемо по папках, знаходимо, виділяємо всі. Фото з’являються в головному вікні 2

67d5a6a82e457a495649a85569eef489 Оптимізація зображень для сайту без втрати якості — безкоштовні програми для пакетної обробки

Вибираємо папку призначення внизу вікна, натисканням на … знаходимо папку призначення. У мене це та ж сама папка. Внизу вікна можна перевірити чи правильно вибрано папку призначення.

3b9cd8c82690fc418cd432d7a483d962 Оптимізація зображень для сайту без втрати якості — безкоштовні програми для пакетної обробки

Залишається тільки натиснути кнопку Start праворуч внизу. Підтвердити перезапис файлів і стирання старих — натискаємо YES

61968139ee695c6ab164e4ecbe026a15 Оптимізація зображень для сайту без втрати якості — безкоштовні програми для пакетної обробки

Можна закривати програму, а в нашій папки з фотографіями всі файли чарівним чином стають близько 35 кб

926391c0d0e50978a39e6b44d368fecf Оптимізація зображень для сайту без втрати якості — безкоштовні програми для пакетної обробки

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

Ця стаття виключно для початківців, тому я описав все так докладно, досвідчені відразу зрозуміють, не читаючи. Тому-що це супер просто.

Сподобалася стаття? Поділитися з друзями:
Всезнайко - Корисні поради