Как загружать одно изображение в 2 блока?

Question

[Александр]

Можно ли загружать одно изображение в 2 разных блока, например, у меня есть картинка, на странице элемент имеет длину 100, а второй 500. Есть ли способ что бы не создавать 2 разные картинки с разным разрешением, а одну помещать в 2 блока?

Comments

[Павел Антонов]

https://codepen.io/freislot/pen/QVJyyd

[Александр]

Павел Антонов, но css в таком случае все равно грузить 2 изображения один за другим, к тому же нужно не bg, а img

[Hedy]

Александр, уверен, что почти всегда изображение скачается один раз, второй вызов возьмет из кэша. То же самое с тэгом img

Answer 1

[yanis_kondakov]

вы можете ставить обычный <img />. Браузер будет брать из кеша картинку. Но при этом проверьте, что на сервере не отключено кеширование.