Выбирайте SVG для векторных рисунков, PNG — для точного растра, WebP — для растровых изображений с настройкой сжатия. Проверьте качество и обработку в CMS. У этих форматов разные способы описать изображение. Растровый файл хранит сетку пикселей, а векторный может описывать линии и фигуры. Поэтому выбор начинается с содержания исходника. Простую иконку и фотографию нельзя одинаково оценивать только по расширению файла. Сравнивайте итог для конкретного места на сайте: значок, карточка, обложка, схема или снимок экрана...

SVG-фон удобен для сайта тем, что остаётся чётким на любом экране, хорошо масштабируется и часто занимает меньше места, чем большое растровое изображение. Такой фон можно использовать в первом экране лендинга, секциях страницы, карточках, промоблоках и декоративных элементах интерфейса. Рисовать векторную графику вручную необязательно. В PlayLab на IT’S NEW можно создать готовую композицию прямо в браузере, настроить цвета и форму, выбрать подходящий вариант и сохранить результат в SVG. Все генераторы PlayLab поддерживают экспорт в SVG...