# Композитинг

URL: https://chugunov.pro/glossary/frontend/kompoziting/
Оригинальное название: compositing
Раздел: [Frontend](https://chugunov.pro/glossary/frontend/)
Обновлено: 28.07.2026.
Источник: глоссарий веб-разработки chugunov.pro.

## Коротко

Финальная сборка визуальных слоёв страницы в единое изображение перед выводом на экран.

## Что такое «Композитинг»

Финальная сборка визуальных слоёв страницы в единое изображение перед выводом на экран. На этом этапе браузер объединяет заранее подготовленные слои, часто силами графического процессора. Свойства, меняющиеся только на этапе композитинга — трансформации и прозрачность — анимируются плавно и дёшево. Понимание этой стадии помогает делать анимации, не вызывающие тяжёлого пересчёта компоновки.

## Связанные термины

- [Композитор браузера](https://chugunov.pro/glossary/frontend/kompozitor-brauzera/) — Подсистема, объединяющая подготовленные графические слои и выводящая итоговый кадр на экран.
- [Композитный слой](https://chugunov.pro/glossary/frontend/kompozitnyi-sloi/) — Отдельный графический слой, который браузер может перемещать или преобразовывать без полной перерисовки страницы.
- [Перерисовка](https://chugunov.pro/glossary/frontend/pererisovka/) — Обновление визуального слоя элемента после изменения цвета, тени или другого свойства без обязательного пересчёта геометрии.
- [Анимация](https://chugunov.pro/glossary/frontend/animatsiia/) — Последовательное изменение визуальных свойств элемента во времени, создающее эффект движения или трансформации.
- [Браузер](https://chugunov.pro/glossary/frontend/brauzer/) — Программа, которая запрашивает веб-ресурсы, интерпретирует HTML, CSS и JavaScript и отображает результат пользователю.
- [Браузерный движок](https://chugunov.pro/glossary/frontend/brauzernyi-dvizhok/) — Компонент браузера, который разбирает документы, рассчитывает стили и компоновку, а затем организует отрисовку страницы.
- [Изоляция компоновки](https://chugunov.pro/glossary/frontend/izoliatsiia-komponovki/) — CSS-механизм, ограничивающий влияние внутреннего содержимого элемента на размеры, стили или отрисовку остальной страницы.
- [Кадровая анимация](https://chugunov.pro/glossary/frontend/kadrovaia-animatsiia/) — Анимация, ход которой определяется набором ключевых состояний и промежуточным вычислением значений.