Видел когда-нибудь стильные и лаконичные GIF-ки из командной строки и задумывался, как их создают? На самом деле, всё проще некуда: понадобится всего две команды — сейчас покажу, как это сделать. VHS — утилита для создания GIF-анимаций на основе сценариев, а Gifsicle — мощный инструмент для их сжатия. Вместе они позволяют делать крутые и крохотные GIF-файлы, которые выглядят по-настоящему профессионально. Я расскажу, что такое VHS, как им пользоваться, и как уменьшить размер готовой анимации, чтобы она занимала меньше места, чем обычный PNG...

Почему GIF «весит» много и как это исправить. Формат поддерживает максимум 256 цветов в палитре кадра. Любой градиент, мелкий шум, кинематографическое зерно или быстрый скролл множат размер. Главные рычаги оптимизации: длина ролика, разрешение, FPS, палитра, дизеринг, количество цветов, метод утилизации кадра (disposal), обрезка по содержимому (cropping), удаление повторяющихся областей. Базовый технологический маршрут. Целевые бюджеты веса. Превью в статье: 300–800 КБ. UI-шаг иллюстрации: 300–600 КБ...