Недостатки использования изображений SVG на веб-сайтах?

Question

Я читал статьи об изображениях svg и о том, почему они удобны в использовании, масштабируемы, обычно меньше по размеру, легко интерпретируются браузерами и т. Д. c. Итак, я посмотрел на дизайн своего веб-сайта и увидел, что могу преобразовать почти все свои ресурсы в изображения svg (lo go, границы, каждый значок, я даже могу преобразовать некоторые изображения stati c в svg с помощью Adobe Illustrator Image Trace) , и прежде, чем я go вперед и сделаю это, мне интересно, попадаю ли я в ловушку из-за того, что большая часть моего сайта использует svg. Я буду использовать Next JS для своего проекта.

• Есть ли вообще какие-либо недостатки в использовании svg?
• Если мое преобразованное изображение svg немного больше, чем его jpeg / png (скажем, 300 КБ svg против 200 КБ png), лучше ли использовать svg?
• Есть ли недостаток в использовании очень сложных и больших файлов svg размером 1 МБ или более?

Answer 1

1. SVG вряд ли будут фотореалистичными c. Для их создания необходимы инструменты, а не нажатие кнопки на камере телефона. Понимание того, что SVG не заменяет PNG, JPG и т. Д. c., Но важен другой вариант.
2. Это зависит от ситуации. Если вы никогда не измените размер изображения, go на меньшее. Размер SVG можно изменять без потери визуальной точности, потому что им нужна математика. Итак, если у вас есть отзывчивый сайт и изображение будет сильно изменять размер, go с SVG каждый раз.
3. Любое большое изображение имеет те же недостатки: производительность. Однако SVG с меньшей вероятностью будет большим изображением, чем JPG. Опять же, потому что это просто текстовый файл, который понимает интерпретатор (браузер, et c.).

Итак, как и все в программировании, их использование зависит от ваших потребностей.