Всем привет! Меня зовут Николай Каменев, я фронтенд-разработчик в Почтатехе. Мы разрабатываем UI для порталов и приложений Почты России.

Я хочу поделиться коротким гайдом, как автоматически рендерить og:image-изображения для превью сайтов.

https://habr.com/ru/post/687726/?utm_source=habrahabr&utm_medium=rss&utm_campaign=687726

Данная статья описывает баг и его решения в контексте ReactJS + Server-Side Rendering, но это также актуально для всех фреймворков большой тройки так и для чистого JS.

При разработке сайта мы столкнулись с проблемой, что при использовании тега на некоторых страницах Safari загружал изображение несколько раз вместо одного. Для отображения картинок мы использовали тег с атрибутом srcset, что бы показывать картинки разного разрешения для экранов с высоким ppi.

https://habr.com/ru/post/682014/?utm_source=habrahabr&utm_medium=rss&utm_campaign=682014