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

Статичная графика, конечно, важна для сайта. Но не всегда ее бывает достаточно. Поэтому продолжает расти популярность видео-формата, но видео, особенно со звуком, бывает неудобно смотреть. К тому же, оно занимает довольно много места на хостинге, если вы загружаете его напрямую на свой сайт, а не на Youtube. Gif-анимация занимает меньше места, при этом привлекает внимание за счет «автозапуска» движения, и оживляет любую статью. Также гифку можно удобно загрузить в галерею в карточке товара, для демонстрации его со всех сторон...