Чому не варто використовувати SVG для логотипа?
– Логотип у SVG може мати величезний розмір файлу, якщо він складний і деталізований. Це не стиснутий векторний формат, і передача через мережу лого в SVG стає катастрофою.
– Core Web Vitals (LCP) враховує перше зображення, яке завантажується на сторінці. У більшості випадків це саме логотип. Коли він у SVG та має надмірну вагу, браузер довго завантажує його (особливо на 3G). Весь цей час рендеринг блоку LCP чекає → падають показники, сайт виглядає «гальмівним». В Аналітику Google йдуть помилки
– Масштабування SVG у різних браузерах не завжди коректне. Один і той самий файл може відображатися по-різному.
Є реальні кейси: коли лого у favicon засунули SVG-лого вагою 5 Мб. При масштабуванні браузер настільки навантажував процесор, що кулер починав ревіти, робота у браузері ставала неможливою, а потім він взагалі падав... це особливість роботи браузерів з SVG
Який висновок?
– Для логотипів краще використовувати легкі формати (JPG, на крайній випадок PNG), які потім можуть бути стиснуті модулем Jet Cache у WEBP.
Тоді розмір буде малий і не перешкоджати рендерінгу блока LCP
SVG може залишатися як додатковий варіант для векторної чіткості, але тільки після ретельної оптимізації (мінімум коду, стиснення, відсутність зайвих шарів) і дуже простих схематичних зображень