Як змінити розмір GIF картинки - ось таке запитання дозріло у мене недавно. Чому? Читайте далі.

Доброго часу, мої друзі.

Сьогодні дві години робив GIF картинку — рекламу для свого нового щомісячного «Конкурсу коментарів», про який Ви можете прочитати в окремому розділі мого сайту

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

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

Що робити, як змінити розмір гіф-файлу? Я теж днями ставив собі таке саме питання. І знайшов два шляхи вирішення цієї проблеми.

Почнемо по порядку, спосіб перший:

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

Ідемо на сайт http://www.picasion.com/ru/resize-gif/

Нашому погляду відкриється таке вікно, тут все просто:

Тут може розібратися навіть мій восьмирічний син. Я нічого не міняю там, тільки встановлюю необхідний розмір. Завантажили - зробили необхідні зміни - тиснемо по "Resize image".

Цей сервіс досить швидко змінює розмір GIF файлів. Швидко та якісно. Якість встановлюйте максимальну з можливих.

Після цього Ви побачите наступне вікно

Сервіс Вам люб'язно запропонує аж 4 різні варіанти того, що можна зробити і як використовувати даний конвертований файл.

Зараз я розповім про це детальніше.

3. HTML код для блогу/сайту: крута штука. Тобто. Ви одразу отримуєте готовий HTML код, який Ви одразу можете розмістити до себе на блог і все працюватиме так, як треба.

4. BBCode для форумів: форуми мають своє кодування, і для цього розробники зробили окрему форму. Тобто. берете цей код, розміщуєте його, наприклад, до підпису і розміщуєте якому форумі. Цей спосіб я не перевіряв, але думаю він робітник.

Я зберіг цей файл і розмістив його на блозі. Все працює. Довелося, правда, потім дещо змінити розмір файлу.
Є ще один аналогічний сервіс – складного там теж нічого немає. Думаю самі розберетеся. Ось цей сайт: http://ua.toolson.net/gifresizer/create
До речі, якщо Ви не знаєте як виміряти розміри елементів робочого столу, то є у мене стаття на блозі і про це. Читайте . Не лінійкою ж її вимірювати)))

То був перший спосіб.

Другий дуже схожий, з тією лише різницею, що для роботи нам буде необхідно завантажити ось цю програму: GIFResizer за цим посиланням: http://www.f1cd.ru/soft/base/gif_resizer/gif_resizer_110/

Завантажуємо, запускаємо програму.

Популярний формат графічних зображень GIF був розроблений 1987 року компанією CompuServe. Формат призначався для передачі растрових зображень мережами незалежно від апаратного забезпечення. GIF здатний зберігати стислі дані використовуючи всього 256 кольорів, проте якість зображення залишається досить високою. Через два роки після появи GIF був модифікований, він став підтримувати прозорість і анімацію. GIF був одним із найпоширеніших форматів в інтернеті, а потім його витіснили JPEG та PNG. Але він досі використовується для створення анімованих зображень, які являють собою статичні кадри, що послідовно змінюються один одного. Анімовані гіфки бачили всі, деякі картинки програються лише один раз, в інших анімація циклічна: щойно закінчується час показу останнього кадру, процес починається спочатку.

Усім хороший GIF, крім одного – анімовані гіфки важать надто багато. І якщо на веб-сторінці відображається занадто багато гіфок, завантаження такої сторінки може зайняти кілька секунд. У наші дні, коли користувачі не готові чекати відкриття сторінки більше трьох секунд, тривале завантаження анімації на сайті неминуче призведе до зниження відвідуваності, тому потрібно або відмовитися від анімованих гіфок, або якимось чином знизити їхню вагу. Чи можна це зробити? На щастя, так. Сьогодні існує безліч програм, за допомогою яких можна оптимізувати GIF-файли, звівши їх розмір до прийнятного мінімуму. В результаті зросте швидкість завантаження веб-сторінки і у власника сайту з'явиться можливість більш активно використовувати анімовані гіфки для ілюстрації текстового контенту, що розміщується. FreelanceToday пропонує вашій увазі 9 найкращих інструментів для оптимізації GIF-файлів.

Інструмент Shrink O’Matic дуже простий у використанні: потрібно лише помістити в робочу область потрібну гіфку, перетягнувши її мишкою прямо у браузері або завантаживши із папки із зображеннями. Вага зображення можна зменшити, рухаючи повзунок Ratio. Також можна зробити гіфку легше, просто змінивши ширину та висоту картинки. За допомогою Shrink O’Matic користувач може розгорнути зображення на 90 або 180 градусів, перейменувати файл, додати водяний знак та внести інші зміни. Інструмент дуже ефективний, тому що дозволяє обробляти одразу кілька GIF-файлів у пакетному режимі.

: JPG, PNG.

ImageOptim дозволяє стиснути будь-яке зображення у форматі GIF без втрати вихідної якості. Вагу файлу можна зменшити до 60% від початкового розміру. Зменшення розміру файлу відбувається завдяки передовим методам стиснення, внаслідок чого сторінка з гіф-анімацією завантажуватиметься набагато швидше. ImageOptim видаляє з файлу невидиме "сміття": метадані EXIF, які записує цифрова камера, різні коментарі, непотрібні колірні профілі - все те, що ніяк не впливає на якість картинки. За замовчуванням додаток дуже дбайливо працює з файлами, намагаючись зберегти максимально можливу якість зображення, проте, якщо потрібно, то можна задіяти агресивніші методи оптимізації, в цьому випадку стиснення відбудеться з втратами і в зображенні з'являться артефакти.

Інші підтримувані формати: JPEG, PNG.

Інструмент FileOptimizer окрім GIF підтримує величезну кількість форматів, причому не тільки графічних, за його допомогою можна оптимізувати відео та аудіо-файли. Зменшення розміру файлу досягається за допомогою спеціальних методів рекомпресії та оптимізації. Програма відрізняється дуже простим інтерфейсом, завдяки чому зменшити розмір файлу зможе навіть новачок. FileOptimizer за замовчуванням видаляє всі додаткові метадані та іншу непотрібну інформацію, однак користувач може зберегти всі дані у вихідному файлі.

Інші підтримувані формати: JPG, PNG, SWF, TIFF, BMP, ICO

Платформи: Windows, Mac OS, Linux.

Інструмент FILEminimizer Pictures використовує технологію оптимізації, що дозволяє знизити розмір вихідного файлу на 98%, причому якість зображення знизиться зовсім незначно навіть за настільки високого відсотка стиснення. Усього користувачам доступно 4 рівні стиснення, також можна обробляти відразу кілька анімованих гіфок. До переваг цього програмного забезпечення відноситься функція розміщення стисненого зображення на Facebook, оптимізований файл також можна надіслати електронною поштою не виходячи з програми.

Інші підтримувані формати: JPG, BMP, TIFF, PNG, EMF.

Простий у використанні інструмент RIOT дозволяє радикально зменшити розмір анімованої гіфки. Інтерфейс програми лаконічний, у ньому немає нічого особистого. Основною перевагою PIOT є наявність другого екрана, що дозволяє користувачеві відразу ж бачити, як змінюється зображення при зміні параметрів стиснення. RIOT підтримує пакетну обробку файлів, працює з прозорістю, видаляє непотрібні метадані, коментарі, профілі EXIF ​​та ICC. За допомогою цього інструменту можна стискати файли в популярних форматах, також програма дозволяє відкривати файли формат яких сьогодні практично не використовується. Користувач може змінити основні налаштування зображення, відрегулювавши яскравість та контрастність. Також доступні масштабування, панорамування, поворот картинки та її дзеркальне зображення. Програма безкоштовна, проте за якістю обробки не поступається найбільш популярним комерційним аналогам.

Інші підтримувані формати: JPEG, PNG.

Платформа: Windows.

Giffing Tool – один із найкращих інструментів для роботи з анімованими гіфками. Програма розроблялася з нуля, метою розробників було максимальне спрощення роботи з гіф-анімацією. Користувач може не тільки оптимізувати розмір файлу, програма дозволяє відредагувати зображення, додавши підпис, закільцевавши анімацію або змінивши швидкість відтворення. Також можна запустити анімацію у зворотному порядку, накласти фільтр або скомбінувати кілька анімованих гіфок. Вся оптимізація виконується автоматично, зниження ваги файлу відбувається за рахунок маскування повторюваних пікселів і виключення кольорів, що повторюються, без зниження якості картинки.

Інші підтримувані формати: AVI, MP4, WebM, MKV.

Інструмент GIFMicro має два режими оптимізації: «Режим стиснення без втрат» та «Стиск із втратами». У першому випадку з файлу видаляється вся несуттєва інформація, внаслідок чого анімована гіфка суттєво втрачає у вазі. Другий режим радикально змінює розмір зображення, свідомо знижуючи якість шляхом усунення з палітри деяких кольорів. Користувач сам може відрегулювати відсоток виключення деяких кольорів.

Інші підтримувані формати: ні

Інструмент GIF Otimizer дозволяє оптимізувати анімовані гіфки одним клацанням мишки. За допомогою цієї програми можна зменшити вагу файлу на 90% і збільшити швидкість завантаження веб-сторінки. Дуже корисний інструмент, який оцінять користувачі, які часто завантажують анімовані гіфи в соціальні мережі. Основна перевага GIF Optimizer – це панель попереднього перегляду, що дозволяє порівняти вихідний та стислий GIF-файл.

Інші підтримувані формати: ні

Дуже проста програма Fast Image Optimizer не вимагає установки. Користувачеві достатньо перетягнути зображення у форматі GIF у вікно FastIO.cmd. Програма відразу починає оптимізацію зображення і дозволяє користувачеві вибрати відсоток стиснення. Коли роботу завершено, результат відображається у вікні, показуючи новий розмір файлу.

Інші підтримувані формати: JPG, PNG.

Платформа: Windows.

В офіційних російськомовних версіях Photoshop з давніх-давен опція "Dithering" перекладається як "Дизеринг", що є, м'яко кажучи, неточністю. У цьому контексті "Dithering" означає "згладжування", згладжування переходів від одного кольору до іншого.
Оскільки GIF-файли містять обмежену кількість кольорів, для покращення виду малюнка може знадобитися створення переходів між окремими кольорами, а для цього потрібно імітувати кольори, що відсутні. Для створення цих кольорів існує опція "Дизеринг". Усього є чотири алгоритми для подібної імітації згладжування - "Без дизерингу", "Випадкове", "Регулярний" та "Шум":

Розглянемо алгоритми докладніше (сподіваюся, із режимом "Без дизерингу" все зрозуміло).

Використовуючи алгоритм "Випадкове"(Diffusion), ми можемо регулювати кількість згладжування.
В алгоритмах "Регулярний"(Pattern) та "Шум"(Noise) параметри відсутні, Photoshop все робить автоматично.

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

4. Інші налаштування

"Втрати"(Lossy) - керування рівнем втрат візуальної інформації при згладжуванні, які можуть зменшити розмір файлу, а також погіршити якість картинки. Доступна за вимкненої опції "Черезрядково" (Interlaced).

"Прозорість"(Transparency) - має сенс увімкнути в тому випадку, якщо зображення містить прозорі ділянки. Алгоритми згладжування працюють за принципом опції "Дизеринг" (Dithering) і називаються так само.

5. Порівняння вихідної та оптимізованої версій

Після того, як Ви додали свої налаштування у діалогове вікно збереження для Web, з оптимізованою версією відбулися зміни, і майже завжди у бік погіршення якості. Ретельно перевірте отриманий результат, порівняйте його з вихідним кодом:

Ви можете переглянути анімацію, а також задати параметри повторів - один раз, постійно або встановити власну кількість повторів:

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

6. Підігнати оптимізацію анімації під вказаний обсяг файлу

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

Натискаємо на кнопку у верхньому правому кутку і вибираємо рядок "Оптимізувати за розміром файлу" (Optimize to File Size)

7. Попередній перегляд анімації в браузері, збереження оптимізації параметрів

Після того, як Ви підібрали потрібні установки, збережіть їх у наборі. Клацніть по піктограмі у верхньому правому куті вікна збереження для Web і натисніть на рядок "Зберегти налаштування":

Анімацію з нашими налаштуваннями ми можемо попередньо переглянути в браузері, натиснувши кнопку в лівому нижньому куті вікна:

Буде показана не тільки анімація, але й усі дані щодо файлу GIF - об'єм, лінійні розміри тощо, а також HTML-код. Для прикладу я взяв анімацію з цього уроку:

Якщо все подобається, зберігаємо файл. Для цього натискаємо кнопку "Зберегти" у правому нижньому куті діалогового вікна. Відкривається нове вікно, де вибираємо шлях, ставимо налаштування, як показано на малюнку (це налаштування за замовчуванням), натискаємо кнопку "Зберегти":

Анімацію буде збережено. Якщо щось не сподобається, то можна буде зробити оптимізацію заново, використовуючи збережений набір налаштувань.

Інструкція

Завантажте файл gif, розмір якого збираєтеся зменшувати, у програмі ImageReady за допомогою команди Open (Відкрити), яку можна виявити в меню File (Файл).

Якщо вам потрібно змінити розмір gif-файлу, знайдіть у меню Image («Зображення») команду Image Size («Розмір зображення») і змініть розмір за її допомогою. Щоб це зробити, вкажіть новий розмір у полях Width (Ширина) і Height (Висота) у вікні налаштувань команди. Якщо потрібно зменшити картинку наполовину, введіть у поле Percent («Відсотки») значення 50. Натисніть кнопку ОК.

Обріжте картинку, якщо потрібно. Це робиться за допомогою інструмента Crop Tool («Обрізання»), який можна знайти на панелі «Інструменти» у лівій частині вікна програми. Клацніть лівою кнопкою миші по полю картинки, що редагується. Затисніть ліву кнопку миші та розтягніть рамку інструменту. Області зображення, які будуть обрізані, потемніють. Використовуйте редагування, натиснувши клавішу Enter.

Щоб зменшити вагу файла gif, приберіть з нього зайві кадри. На панелі «Анімація» виділіть непотрібний кадр і натисніть на зображення в нижній частині панелі. Нова вага файлу видно під вікном, у якому відкрито файл.

Оптимізуйте файл. Для цього у вікні відкритого документа клацніть по вкладці 4-UP, виберіть найбільш підходящий вам варіант із чотирьох показаних і виділіть його.

Вибрану версію gif-файлу збережіть командою Save Optimized («Зберегти оптимізований») з меню File («Файл»). Якщо ви не бажаєте замінювати попередню версію нового файлу, збережіть зменшену картинку командою Save Optimized As («Зберегти оптимізований як»), яка знаходиться в тому ж меню «Файл». Вкажіть місце на жорсткому диску, куди зберігатимете зменшений gif, вкажіть ім'я файлу. Натисніть кнопку «Зберегти».

Корисна порада

Якщо все, що вам потрібно – це змінити лінійні розміри картинки, скористайтесь простою утилітою GIF Resizer.

Утиліта є маленьким файлом з розширенням exe. Двічі клацніть лівою кнопкою миші на іконці цього файлу.

Натисніть праворуч від поля Source GIF Image File. У вікні виберіть файл, який потрібно зменшити.

Натисніть кнопку праворуч від поля New GIF Image File. Вкажіть, куди зберігати зменшений gif та введіть ім'я файлу.

У полях Width і Height вкажіть ширину та висоту картинки. Поставте галочки у чекбоксах Keep Aspect та Good Quality. Це дозволить вам отримати на виході картинку пристойної якості у пропорціях вихідника. Натисніть кнопку Resize.

Джерела:

• Утиліти для зміни розміру зображень у форматі gif
• як зменшити розмір gif
• Чим обрізати gif анімацію

Незалежно, яким чином ви отримали GIF-анімацію, ви можете зменшити її розмір.

Якщо ви використовували наш сервіс зі створення GIF-анімації з відео, ми рекомендуємо використовувати оригінал для експериментів, т.к. як кожна конвертація може погіршити якість одержуваного файлу.

Всі приклади будуть засновані на короткому кліпі FullHD відео 16 секунд та 30 кадрів за секунду.

Трохи теорії про GIF

Коротко: GIF – це максимум 256 кольорів (8 біт) + стиск без втрат (LZW).
Як і будь-який стиск без втрат - воно не надто стискає файл. У результаті - ми зменшимо розмір не більше ніж на 50% (дуже залежить від картинки).

Тестове відео:

Вважаємо розмір одного кадру: 1920*1080*40%-100% = 0.8-2 мб.

А тепер порахуємо для 16 секунд відео: 16 сек * 30 кадрів за секунду * (0.8-2) мб = 384-960 мб!
Наш вихідний файл при перетворенні вийшов 309мб. Менше за розрахунковий, але теж великий.
Здивувались? Адже розмір вихідного відео всього кілька мегабайт! Як це може?
А просто: GIF – це мамонт, так, він класний, але з ним треба вміти працювати.

Крок 1. Зменшити GIF. Розмір зображення

Обов'язково зменшіть розмір до адекватного (не більше 640 пікселів з більшої сторони).
В цьому випадку розмір буде: 640*360*40%-100% = 90-225 кб.
І розмір відео: 16 сек * 30 кадрів * 90-225 кб = 42-105 мб.
Наш вихідний файл при перетворенні вийшов 38мб. Менше за розрахунковий, але теж великий.
Багато? Так. Ідемо далі...

Крок 2. Кількість кадрів

30 кадрів – це круто, але на жаль для GIF – це дуже багато.
Зменшіть кількість до 10 кадрів і ви скоротите розмір 3! рази.
Вважаємо: 16 сек * 10 кадрів * 90-255кб = 14-35 мб.

Наш вихідний файл при перетворенні вийшов 14.5 мб. Вже краще.

Наприклад, якщо у вас відео 60 кадрів на секунду – ви можете зменшити з ряду: 1, 2, 3, 4, 5, 6, 10, 15, 20, 30.
А якщо 25 кадрів, то ряд буде: 1, 5...
Або 30: 1, 2, 3, 6, 10, 15.

Крок 3. Зменшуйте тривалість анімації

Скорочуйте/видаляйте не потрібні вам сцени, тут залежність проста – скоротили у 2 рази – отримали розмір у 2 рази менший.

Крок 4. Оптимізувати GIF. Вибір якості.

Є спеціальні утиліти для стиснення GIF-анімацій, наприклад, GIFsicle .

Спеціально для вас ми зробили її онлайн. Просто виберіть файл і натисніть оптимізувати.

Також ви можете керувати якістю файлу.

Для вас ми зробили три різні версії GIF-анімації для оцінки стиснення за допомогою зменшення якості:

• Розмір при 100% якості: 13.3 мб
• Розмір при 50% якості: 13.3 мб
• Розмір за 0% якості: 10.1 мб