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

Question

[art style]

Как можно сделать бекап для изображения? допустим картинки у меня webp
на iphone они не отображаются и я хочу чтобы на айфонах были Png
тег source я так понимаю всего-лишь подгружает другие картинки при не удачной загрузке ?

Comments

[Алексей Ярков]

Кто-то перепутал backup и fallback? ))

Answer 1

[approximate solution]

Есть несколько новых форматов изображения (таких, как 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 картинки, и браузер сам выбирает для себя то, что ему нужно.

Comments

[art style]

от этого увеличивается вес страницы? если да то не подходит

[approximate solution]

art style, Каким образом увеличивается вес страницы?) У вас не загружается 2 изображения, а загружается одно, которое подходит по условию

[art style]

approximate solution, Блин чето не сработало. ладно может что не так сделал. попробую позже