SVG (Логотипы и иконки)
Для логотипов и иконок в современной вёрстке принято использовать векторные изображения в формате. svg. В первую очередь, это гарантирует чёткость на всех видах устройств. Помимо этого, svg-графикой можно управлять средствами CSS и JavaScript.
Графические редакторы обычно формируют не самый оптимальный svg-код. Он часто содержит множественные метаданные, повторяющиеся строчки, встроенные ненужные стили и другую дополнительную информацию. Поэтому svg-файлы перед использованием на сайте стоит оптимизировать. Для этого разработаны вспомогательные онлайн-инструменты.
Самый оптимальный путь работы с svg — вставлять его код прямо в код HTML-страницы. Если задачи не предполагают преобразования формул, создающих svg, можно работать с этим форматом, как с любым другим изображением. Это позволит работать анимации с изображением.
