В чем основные различия между векторной и растровой анимацией в веб-разработке?

Некоторые различия между векторной и растровой анимацией в веб-разработке:

Основа изображений: растровая анимация строится из пикселей — маленьких цветных точек, расположенных по сетке. practicum.yandex.ru Векторная анимация — из математических формул: опорных точек, линий и кривых — векторов. practicum.yandex.ru

Масштабируемость: растровые изображения плохо масштабируются: при увеличении теряется чёткость, появляются пиксели. practicum.yandex.ru Векторные изображения можно увеличивать и уменьшать без потери качества. practicum.yandex.ru

Размер файла: векторные изображения часто имеют меньший размер файла, чем растровые, так как векторная графика хранит только данные о формах и цветах, а не каждый пиксель. practicum.yandex.ru

Редактирование: векторные изображения легко редактировать, можно менять цвет, форму и размеры отдельных элементов. practicum.yandex.ru Растровые изображения редактировать сложнее: при работе с ними нужно учитывать, что чем выше разрешение и больше графика, тем больше весит файл. practicum.yandex.ru

Поддержка эффектов: векторная анимация не подходит для передачи текстур, теней, света и градиентов в таком виде, как растровая графика. practicum.yandex.ru Растровые изображения подходят для работы со сложными изображениями с переходами, тенями, градиентами и текстурами. practicum.yandex.ru

В веб-разработке есть примеры использования как векторной, так и растровой анимации: GIF-анимация (последовательность растровых изображений) и Flash-анимация (последовательность векторных рисунков). sites.google.com infourok.ru