@arttstyle
web-макака

Бекап для изображения?

Как можно сделать бекап для изображения? допустим картинки у меня webp
на iphone они не отображаются и я хочу чтобы на айфонах были Png
тег source я так понимаю всего-лишь подгружает другие картинки при не удачной загрузке ?
  • Вопрос задан
  • 53 просмотра
Решения вопроса 1
approximate_solution
@approximate_solution
JS Developer. Angular\React\Vue\Ember
Есть несколько новых форматов изображения (таких, как WebP и JPEG-2000), которым удается сохранять высокое качество при малом размере файла. Тем не менее, бразуеры поддерживают их не полностью.

<picture>позволяет нам использовать их в старых браузерах. Вы можете прописать MIME-тип внутри атрибута type, бразуер сразу определит файлы такого типа как неподдерживаемые:

<picture>
   <source type="image/webp" srcset="pyramid.webp"> 
  <source type="image/svg+xml" srcset="pyramid.svg">
  <img src="pyramid.png" alt="regular pyramid built from four equilateral triangles">
</picture>


https://habr.com/ru/company/ruvds/blog/494710/
Итог - вы не делаете бэкап, вы просто загружаете 2 картинки, и браузер сам выбирает для себя то, что ему нужно.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы