[{"data":1,"prerenderedAt":25},["ShallowReactive",2],{"blog-ru-gif-compression-dimensions-colors-frame-rate-guide":3},{"slug":4,"locale":5,"title":6,"description":7,"date":8,"author":9,"tags":10,"keywords":15,"h1":16,"readingTime":17,"html":18,"recommendedTools":19,"faqs":24},"gif-compression-dimensions-colors-frame-rate-guide","ru","Сжатие GIF: размеры, цвета и кадры","Сравните масштабирование, уменьшение палитры и числа кадров, а также обрезку GIF. Проверьте детали, движение, короткие сообщения и повторение после экспорта.","2026-09-14","DocCrunch Team",[11,12,13,14],"сжатие GIF","размеры GIF","цвета GIF","число кадров GIF",[11,12,13,14],"Сжатие GIF: что менять сначала — размеры, цвета или плавность?",5,"\u003Cp>Уменьшенный GIF может остаться чётким, но двигаться рывками. Другой сохраняет плавность, однако в градиенте появляются полосы. В обоих случаях сжатие убрало разную информацию.\u003C\u002Fp>\n\u003Cp>GIF хранит последовательные изображения и время их показа. Поэтому размеры, цвета и число кадров нужно оценивать отдельно, а не только как общий уровень качества.\u003C\u002Fp>\n\u003Ch2>Разделите основные настройки\u003C\u002Fh2>\n\u003Cp>Сначала решите, какую информацию допустимо уменьшить.\u003C\u002Fp>\n\u003Ctable>\n\u003Cthead>\n\u003Ctr>\n\u003Cth>Изменение\u003C\u002Fth>\n\u003Cth>Что меняется\u003C\u002Fth>\n\u003Cth>Возможное влияние\u003C\u002Fth>\n\u003C\u002Ftr>\n\u003C\u002Fthead>\n\u003Ctbody>\n\u003Ctr>\n\u003Ctd>Масштабирование\u003C\u002Ftd>\n\u003Ctd>Ширина и высота каждого кадра\u003C\u002Ftd>\n\u003Ctd>Мелкий текст, тонкие линии и детали\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Сокращение палитры\u003C\u002Ftd>\n\u003Ctd>Число используемых цветов\u003C\u002Ftd>\n\u003Ctd>Градиенты, тени и переходы\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Уменьшение числа кадров\u003C\u002Ftd>\n\u003Ctd>Промежуточные изображения движения\u003C\u002Ftd>\n\u003Ctd>Плавность и кратковременное содержимое\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Обрезка\u003C\u002Ftd>\n\u003Ctd>Сохранённая видимая область\u003C\u002Ftd>\n\u003Ctd>Композиция и целостность движущихся объектов\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003Cp>Методы можно сочетать, не применяя все сразу. Для маленького отображения сначала удобно оценить размеры. Если важны точные движения, осторожнее сокращайте кадры.\u003C\u002Fp>\n\u003Cp>\u003Ca href=\"\u002Fru\u002Fgif-compress\u002F\">DocCrunch: сжатие GIF\u003C\u002Fa> предлагает режимы «Чёткий», «Сбалансированный» и «Минимальный» с независимым масштабом. Первые два сейчас сохраняют все кадры; последний также убирает промежуточные.\u003C\u002Fp>\n\u003Ch2>Уменьшайте размеры, если пикселей больше необходимого\u003C\u002Fh2>\n\u003Cp>Пропорциональное изменение с 1000×600 до 500×300 оставляет четверть пикселей в каждом кадре. Файл необязательно станет вчетверо меньше: важны также содержимое, цвета и кодирование.\u003C\u002Fp>\n\u003Cp>Оценивайте при реальном размере показа. Мелкие буквы могут стать нечитаемыми, а линии, курсоры и значки — менее различимыми.\u003C\u002Fp>\n\u003Cp>DocCrunch предлагает исходный размер, 75%, 50% и 33%. Начните с умеренного уменьшения и просмотрите всю анимацию. Если размеры уже подходят, дальнейшее уменьшение может оказаться невыгодным.\u003C\u002Fp>\n\u003Ch2>Меньше цветов означает меньше оттенков\u003C\u002Fh2>\n\u003Cp>GIF использует палитры с ограниченным числом цветов. Основы описаны в \u003Ca href=\"https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FGlossary\u002FGIF\">обзоре GIF от MDN\u003C\u002Fa>.\u003C\u002Fp>\n\u003Cp>Изменения часто заметны сначала в градиентах, тенях и тонких различиях. Плавные переходы становятся полосами, близкие цвета объединяются. Потеря может касаться градаций, а не просто насыщенности.\u003C\u002Fp>\n\u003Cp>Плоская графика, простые значки и сложные фотографии переносят сокращение палитры по-разному. Три режима DocCrunch сейчас используют 256, 180 и 96 цветов. Проверьте:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>Заметные полосы в градиентах.\u003C\u002Fli>\n\u003Cli>Превращение теней в крупные однотонные пятна.\u003C\u002Fli>\n\u003Cli>Различимость мелкого текста на фоне.\u003C\u002Fli>\n\u003Cli>Мерцание деталей при воспроизведении.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>Некоторые изменения проще увидеть в движении, чем на остановленном кадре.\u003C\u002Fp>\n\u003Ch2>Меньше кадров не означает простое ускорение\u003C\u002Fh2>\n\u003Cp>Длительность зависит и от времени показа каждого изображения. Удаление промежуточных кадров с удлинением оставшихся может примерно сохранить темп, но переходов станет меньше, а смена положения — резче.\u003C\u002Fp>\n\u003Cp>Минимальный режим DocCrunch выбирает кадры с интервалом и складывает соответствующие времена показа. В основном он сокращает промежуточную информацию о движении.\u003C\u002Fp>\n\u003Cp>Медленные простые движения могут остаться приемлемыми. Внимательно проверьте быстрые перемещения, действия курсора и короткие уведомления. Содержимое на одном-двух кадрах может стать непонятным или исчезнуть.\u003C\u002Fp>\n\u003Cp>Для демонстрации полнота действия часто важнее дополнительного уменьшения файла. Чёткий первый кадр ничего не гарантирует.\u003C\u002Fp>\n\u003Ch2>Обрезайте с учётом всей анимации\u003C\u002Fh2>\n\u003Cp>При наличии постоянных пустых или ненужных областей попробуйте \u003Ca href=\"\u002Fru\u002Fgif-crop\u002F\">обрезку GIF\u003C\u002Fa>.\u003C\u002Fp>\n\u003Cp>Она уменьшает сохранённую область каждого кадра, а не длительность. Просмотрите последовательность целиком и проверьте объект в его самом удалённом положении.\u003C\u002Fp>\n\u003Cp>Пустое в начале место позже может занять текст, раскрытое меню или движущийся объект. Обрезка по первому кадру способна убрать последующую информацию.\u003C\u002Fp>\n\u003Cp>Сначала задайте область, затем конечные размеры. Для дальнейшего сжатия используйте \u003Ca href=\"\u002Fru\u002Fgif-compress\u002F\">специальный компрессор GIF\u003C\u002Fa>, а не инструмент только для статичных картинок.\u003C\u002Fp>\n\u003Ch2>Просмотрите скачанный результат целиком\u003C\u002Fh2>\n\u003Cp>Посмотрите хотя бы один полный цикл и проверьте:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Cstrong>Содержимое:\u003C\u002Fstrong> целостность текста, уведомлений и движущихся объектов.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Качество:\u003C\u002Fstrong> приемлемые буквы, линии, градиенты и тени.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Движение:\u003C\u002Fstrong> допустимые рывки и достаточные паузы.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Воспроизведение:\u003C\u002Fstrong> подходящие скорость, повторы и окончание.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Передача:\u003C\u002Fstrong> соответствие размеров и объёма ограничениям.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>Особенно проверяйте GIF с изначально ограниченным числом повторов. DocCrunch сейчас задаёт перекодированным GIF бесконечное повторение; исходное число не следует считать сохранённым.\u003C\u002Fp>\n\u003Cp>Локальная обработка в браузере не заменяет проверку. Храните оригинал и создавайте варианты из него, а не многократно обрабатывайте уже сжатые копии.\u003C\u002Fp>\n\u003Cp>Нет лучшего режима для всех GIF. Отдельно оцените необходимые размеры, важные цветовые переходы и допустимое сокращение движения. Итог должен укладываться в лимит и передавать анимацию полностью.\u003C\u002Fp>\n",[20,22],{"slug":21},"gif-compress",{"slug":23},"gif-crop",[],1789443273480]