Как лучше добавить на сайт текстовый логотип, как SVG изображение или ЗАГОЛОВОК?

Question

[Софья Платонова]

В чем разница между тестовым логотипом, который подключили как SVG изображение, и логотипом, который внесли в тег заголовка и стилизовали?

Answer 1

[archelon]

tldr: подключайте svg и не мучайтесь.

а) Трудозатраты
Подключить картинку быстрее и проще.
б) Надежность
Изображение будет гарантированно отображаться как надо на всех устройствах. Если где-то вдруг не загрузится шрифт, или не успеют прогрузиться стили, вы потеряете оформление.
в) Индексация
Теоретически может оказаться полезным то, что текст будет прочитан и учтен поисковиками, хотя обычно это не дает каких-то преимуществ.
г) Оптимизация
В разных случаях меньше будет весить картинка или оформленный текст.
Если для текстового логотипа надо прилинковать пару нестандартных шрифтов, это значительно увеличит количество кБайтов. Если нет, текст будет немного меньше весить, но выигрыш будет несущественным.
д) Особенности дизайна
В некоторых случаях может быть нестандартный дизайн, где текстовый логотип — необходимость.
е) Действительно простой логотип
Ну и конечно, если логотип — это банально название компании / марки, набранное уже подключенным шрифтом, и никаких дополнительных итераций (интерлиньяж, трекинг и т.п.) не требуется, тогда, действительно, проще набрать текстом.

Answer 2

[Алексей Уколов]

Стилизованный текст чуть легковеснее, а для SVG надо дополнительно указать alt. Выигрывает текст, но разница микроскопическая.

Answer 3

[Антон Литвиненко]

Мое имхо - логотип всегда картинка - тогда независимо от браузеров, стилей и шрифтов она везде будет одинаковая