Конвертер HTML у GIF

Q: Як зменшити розмір GIF настільки, щоб надіслати його в месенджері?

Вкажіть меншу **Ширину сторінки HTML** або конвертуйте лише першу сторінку. Якщо результат усе одно перевищує ліміт, [стиснення GIF для Discord](/compress-gif-for-discord) зменшить його до дозволеного розміру.

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

або перетягніть Файли DOC, DOCX, DOCM … сюди ·

До 95 МБ на файл· До 20 файлів· Видаляються через 30 хв

Результат

Конвертувати в

Роздільна здатність

Зображення

Файли обробляються на наших серверах і видаляються через 30 хв.

Як користуватися цим інструментом

1
Виберіть HTML-файл
Додайте файли .html, .htm або .mhtml: до 20 за раз, по 95 MB кожен. Якщо зберегти сторінку як «Вебсторінка, один файл», зображення та стилі збережуться разом із нею.
2
Оберіть ширину та макет
Ширина сторінки HTML за замовчуванням 1280 px; для шаблону листа вкажіть 600 px. Зображення — одне довге зображення, тобто один статичний GIF; виберіть «по одному на сторінку», щоб отримати кадри розміром зі сторінку, які показуються по черзі.
3
Конвертуйте в GIF
Натисніть Конвертувати в GIF. Якщо GIF має лежати на кольоровому тлі, увімкніть Прозорий фон у розділі Додаткові налаштування.

HTML у GIF фіксує, як сторінка виглядає, а не як вона рухається: браузер малює сторінку за вашою шириною, і результатом стає або один статичний GIF, або набір кадрів розміром зі сторінку в одному файлі.

Як працює конвертація HTML у GIF

Спершу HTML верстається як звичайна вебсторінка за заданою Шириною сторінки HTML від 320 до 3840 px. Застосовуються стилі та зображення з файлу; недоступні шрифти замінюються близькими. Потім відображена сторінка фіксується.

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

Межі задає сам формат. CompuServe представила GIF у 1987 році, а ревізія GIF89a 1989 року додала затримки між кадрами та прозорий колір, що досі підтримує кожен переглядач. Кожен кадр обмежений палітрою з 256 кольорів, тож конвертер підбирає для кольорів сторінки найкращу можливу палітру. Текст, іконки, кнопки й пласкі фірмові кольори передаються чисто; найбільше втрачають фото та м’які тіні.

Обмеження GIF, важливі для відображеної вебсторінки

Кольорів на кадр: 256
Прозорість на піксель, без м’яких країв: Увімк./вимк.
Сторінку фіксують, а не записують: Статичний
HTML-файлів за раз, по 95 MB кожен: 20

Конвертація HTML у GIF: чого очікувати

МіфGIF зі сторінки показує ефекти наведення й анімації.

ФактІнтерактивні стани й рух потребують дії людини або скрипта. Знімок показує сторінку в спокої.

МіфGIF — найкомпактніший формат зображень для вебсторінки.

ФактДля сторінок із фото JPG або WebP зазвичай значно менші. GIF виграє лише на простій пласкій графіці.

МіфGIF сам завантажить сторінку за її вебадресою.

ФактКонвертер працює з HTML-файлом, який ви завантажуєте. Спершу збережіть сторінку з браузера, найкраще як один файл MHTML.

МіфБільше кадрів робить GIF чіткішим.

ФактКадри збільшують тривалість і розмір файлу, а не деталізацію. Чіткість залежить від ширини сторінки та палітри кольорів.

HTML

HyperText Markup Language

HTML — мова розмітки вебу, яку на початку 1990-х описав Тім Бернерс-Лі і яку тепер підтримує WHATWG як «живий стандарт». Файл HTML описує заголовки, абзаци, посилання, таблиці, зображення та форми, а оформлення зазвичай задає CSS. Його відображає кожен браузер, а ще його використовують для шаблонів листів і збережених вебсторінок. Один файл HTML часто залежить від зовнішніх зображень і таблиць стилів, тому окремо він може виглядати зламаним.

Стиснення: –
Прозорість: –
Анімація: –
Рік появи: 1993 · Tim Berners-Lee; maintained by WHATWG

Конвертер HTML

GIF

Graphics Interchange Format

GIF запровадила компанія CompuServe у 1987 році, і досі це найпоширеніший формат для коротких зациклених анімацій. Він стискає без втрат, але обмежений палітрою з 256 кольорів на кадр, тому на фото й градієнтах видно смуги та дизерінг. GIF підтримує лише прозорість «увімк./вимк.» (1 біт), через що на заокруглених формах з’являються зубчасті краї. Анімований GIF часто набагато більший за той самий кліп у форматі MP4 або WebP. GIF відтворюють усі браузери, застосунки для чатів і соцмережі.

Стиснення: Без втрат
Прозорість: Так
Анімація: Так
Рік появи: 1987 · CompuServe

Конвертер GIF

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

Запитання про HTML у GIF

Чи можна перетворити CSS-анімацію на анімований GIF?

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

Чому градієнти й фото в GIF виглядають зернистими?

Кожен кадр GIF може містити щонайбільше 256 кольорів. На сторінці з плавними градієнтами, тінями чи фото їх тисячі, тому кольори наближено за допомогою дизерингу, який проявляється крапками або смугами. Пласкі дизайни й текст зберігаються добре; для сторінок з багатьма фото HTML у PNG зберігає всі кольори.

Чому краї прозорого GIF виглядають зубчастими?

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

Чи працюватиме HTML-підпис для листів, збережений як GIF, у кожному поштовому застосунку?

Статичний GIF відображається практично в усіх поштових клієнтах, тому підписи роками використовували цей формат. Анімовані GIF менш надійні: класичний Outlook для Windows 2007–2013 показує лише перший кадр, тож важливий вміст розмістіть на першому кадрі.

Як зменшити розмір GIF настільки, щоб надіслати його в месенджері?

Вкажіть меншу Ширину сторінки HTML або конвертуйте лише першу сторінку. Якщо результат усе одно перевищує ліміт, стиснення GIF для Discord зменшить його до дозволеного розміру.