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