Open Graph-изображение против favicon: в чём разница
Favicon — это маленькая квадратная иконка, которую браузер показывает на вкладке или в закладке, обычно 16–48 пикселей. Open Graph-изображение — это большое прямоугольное превью (около 1200x630), которое появляется, когда вашей ссылкой делятся в соцсетях или мессенджерах. Это отдельные файлы, объявляемые по-разному, и одно не может заменить другое.
Две иконки, две задачи
Favicon обозначает ваш сайт внутри браузера: крошечный квадрат на вкладке, в закладке, в списке истории. Open Graph-изображение продаёт вашу ссылку в ленте: большой горизонтальный баннер в твите, разворот в Slack, превью в iMessage.
Поскольку они различаются размером, формой и местом появления, они объявляются раздельно: rel="icon" для favicon и мета-тег og:image для превью. Ни одно не заменяет другое.
Бок о бок
| Аспект | Favicon | OG-изображение |
|---|---|---|
| Размер | 16–48px | ~1200x630 |
| Форма | Квадрат | Горизонтальная |
| Объявляется через | rel="icon" | мета og:image |
| Показывается в | Вкладка, закладка | Превью в соцсетях и мессенджерах |
Частые вопросы об OG-изображении против favicon
Используется ли favicon для превью в соцсетях?
Нет. Превью в соцсетях и мессенджерах используют Open Graph-изображение из мета-тега og:image. Favicon появляется только внутри браузера.
Можно ли использовать favicon как OG-изображение?
Без пользы. У него неверный размер и форма. Квадрат 32px, растянутый до слота 1200x630, выглядит сломанным. Это отдельные ресурсы.
Какое из них показывается на вкладке браузера?
Favicon. Open Graph-изображение никогда не появляется на вкладке; оно показывается только тогда, когда ссылкой делятся там, где отрисовывается превью.