Почему мы рекомендуем создавать свои svg-файлы и не использовать сконвертированные?

При добавлении на сайт различного рода контента часто необходимо использовать оптимизированный медиаконтент, так как обычные png- и jpg-изображения могут весить достаточно много, а при оптимизации нередко ухудшается качество самой картинки.
По этой причине, при создании сайта не редка используются svg-файлы, отличающиеся тем, что они весят намного меньше обычных растровых изображений, а их качество сложно испортить при оптимизации, так как они, по сути, являются кодом, а не набором пикселей.

Тем не менее, прибегая к использованию svg-изображений мы настоятельно рекомендуем создавать svg-файлы самостоятельно и НЕ прибегать к использованию сконвертированных изображений.

Использование сконвертированных svg-картинок не рекомендуется по следующим причинам:

• файлы, сделанные путем конвертации других изображений, зачастую имеют объем кода в 2-3 раза больше, чем у созданной с нуля картинки;
• корректность работы сконвертированного xml-кода в изображениях, как правило, оставляет желать лучшего;
• в некоторых случаях, код может вызывать не только сбой в отображении картинки, но и в штатном функционале решения и платформы (например, при попытке сохранения или удаления картинки).

Исходя из вышеперечисленных факторов мы настоятельно рекомендуем создавать svg-файлы самостоятельно. К примеру, с помощью программы Adobe Photoshop, используя инструкцию "Как сделать свой svg-файл?".