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

Q: Как уменьшить GIF, чтобы его можно было отправить в мессенджере?

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

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

или перетащите сюда файлы DOC, DOCX, DOCM … ·

Макс. 95 MB на файл· До 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, который показывает их по порядку. Это удобно для предпросмотра длинной рассылки или многоблочного лендинга без прокрутки.

Ограничения задаёт сам формат. GIF появился в CompuServe в 1987 году, а редакция GIF89a 1989 года добавила задержки кадров и прозрачный цвет, и именно это до сих пор поддерживают все программы просмотра. В каждом кадре палитра ограничена 256 цветами, поэтому конвертер подбирает для цветов страницы лучшую из доступных палитр. Текст, значки, кнопки и плоские фирменные цвета передаются чисто; больше всего теряют фото и мягкие тени.

Ограничения GIF, важные для отрисованной веб-страницы

Цветов в кадре: 256
Прозрачность по пикселям, без мягких краёв: Вкл./выкл.
Страница снимается, а не записывается: Статичный
HTML-файлов за раз, по 95 MB каждый: 20

Конвертировать HTML в GIF: чего ожидать

МифGIF страницы показывает эффекты при наведении и анимации.

ФактИнтерактивные состояния и движение требуют действия человека или скрипта. На снимке страница показана в покое.

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

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

МифGIF сам подтянет страницу по адресу сайта.

ФактКонвертер работает с загруженным вами HTML-файлом. Сначала сохраните страницу из браузера, лучше всего как один файл MHTML.

МифЧем больше кадров, тем чётче GIF.

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

HTML

Язык разметки HTML

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

Сжатие: –
Прозрачность: –
Анимация: –
Год появления: 1993 · Tim Berners-Lee; maintained by WHATWG

Конвертер HTML

GIF

Формат Graphics Interchange Format

GIF был представлен CompuServe в 1987 году и до сих пор остаётся самым широко поддерживаемым форматом коротких зацикленных анимаций. Он сжимает без потерь, но ограничен палитрой из 256 цветов на кадр, поэтому на фотографиях и градиентах видны полосы и дизеринг. Он поддерживает только двухуровневую (1-битную) прозрачность, из-за чего у округлых фигур остаются зубчатые края. Анимированные GIF часто намного больше того же ролика в MP4 или WebP. GIF воспроизводят все браузеры, мессенджеры и соцсети.

Сжатие: Без потерь
Прозрачность: Да
Анимация: Да
Год появления: 1987 · CompuServe

Конвертер GIF

GIF для отрисованной страницы выбирают, когда место назначения принимает только GIF (например, подпись в письме или устаревшая платформа) или когда нужно уместить несколько кадров страницы в один файл, который воспроизводится без видеоплеера.

Вопросы о конвертации HTML в GIF

Можно ли превратить CSS-анимацию в анимированный GIF?

Нет. Страница отрисовывается один раз и снимается, поэтому CSS-переходы, анимации по ключевым кадрам, видео и скриптовые эффекты замирают в этот момент. Чтобы записать движение, запишите экран, пока страница воспроизводится, и переведите запись в GIF с помощью видео в GIF.

Почему градиенты и фото в GIF выглядят зернистыми?

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

Почему края прозрачного GIF получаются зубчатыми?

Прозрачность в GIF включается или выключается для каждого пикселя, частичной непрозрачности нет. Сглаженные края, которые были смешаны с фоном, либо становятся сплошным цветом, либо исчезают, и на тёмном фоне может остаться светлый ореол. Оставьте белый фон, если GIF всё равно будет лежать на белом.

Будет ли HTML-подпись, сохраненная в GIF, работать во всех почтовых программах?

Статичный GIF отображается практически в любом почтовом клиенте, поэтому подписи годами делали в этом формате. С анимированным GIF надёжность ниже: классический Outlook для Windows версий 2007–2013 показывает только первый кадр, так что важное содержимое размещайте в первом кадре.

Как уменьшить GIF, чтобы его можно было отправить в мессенджере?

Выберите меньшую Ширину HTML-страницы или преобразуйте только первую страницу. Если результат всё равно превышает лимит, сжать GIF для Discord поможет уменьшить его до допустимого размера загрузки.