Вопрос Вставлять SVG иконки на сайт путем добавления простыни кода - это оптимально?

[pikalik]

Например, есть всякие способы чтобы добавить svg иконку на сайт, типо тегом img и т.д., но иногда видел как просто копируют svg код иконки и вставляют.

Таким способом можно изменять например цвет иконки при наведении.

Или это слишком тупо? Нагружает и т.д

 

[NoNameError]

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

 

[ксандр83]

правильно уже написали, .png лучше
этот формат удобней для обработки и сжатия,
и сайт будет быстрее грузиться

 

[макс01]

Если уж и вставлять разметку, то спрайт лучше, чтобы был один запрос

 

[vrag76]

Зависит от конкретного SVG, если он оптимизирован и содержит минимум точек, а координаты точек более-менее округлены (а не по 9-10 знаков после запятой) - то такой SVG может занимать несколько десятков байт и хорошо жмётся gzip/brotli. Если иконок таких много - то тем более сильно ужмутся, т.к. общего в них гораздо больше, чем различий, с точки зрения кода.

 

[ssss]

да

 

[pr1hod]

Оптимально будет использование формата .png, сохранённого с качеством примерно 60% или 70%