У вектора нет разрешения
Именно на этом спотыкаются. SVG — это описание форм: кривых, заливок, обводок, — и его можно нарисовать в любом размере без потерь. Никакого «настоящего размера» внутри файла не спрятано.
Поэтому растрирование — это не столько конвертация, сколько решение. Селектор размера и есть место, где вы его принимаете, и это главный элемент управления на странице.
Выбирайте размер под назначение: 512 или 1024 для исходника фавикона либо иконки приложения, 2048 — если картинка будет крупной на экране с высокой плотностью, и наименьший, при котором всё ещё хорошо выглядит, для веб-страницы.
PNG сохраняет прозрачность, а она нужна большинству SVG: логотип с прозрачным фоном таким и останется.
Сохраните SVG
Растр — производная. Каждый раз, когда понадобится другой размер, надо возвращаться к SVG и растрировать заново, а не масштабировать PNG: увеличение растра его мылит, а повторные уменьшения размывают.
Что браузер может разрешить, а что нет
Шрифты берутся из системы, поэтому текст в SVG рисуется тем, что есть на вашей машине. Изображения по внешним ссылкам не подгружаются — страница вообще не делает сетевых запросов. SVG, у которого шрифты переведены в кривые, а картинки встроены, сконвертируется одинаково везде.
Вопросы
Почему нужно выбирать размер?+
Потому что у вектора нет собственного размера. Иконка SVG может объявлять width="24", но это пожелание, а не разрешение: файл описывает формы, а не пиксели. Растрирование означает решение, сколькими пикселями их рисовать, и взять 24 просто потому, что так написано в файле, — значит получить бесполезную миниатюру.
Что теряется?+
Масштабируемость, и здесь важна только она. SVG остаётся резким в любом размере; растр, который вы получите, резок в одном размере и мылит выше него. Сохраните SVG — это выгрузка, а не замена.
Обрабатываются ли встроенные шрифты и внешние картинки?+
Текст рисуется теми шрифтами, которые доступны браузеру, поэтому SVG, опирающийся на отсутствующий у вас шрифт, будет выглядеть иначе. Внешние изображения по URL не загружаются, потому что страница не делает сетевых запросов. Для предсказуемого результата конвертируйте SVG, в котором всё встроено.