Встраивание изображений в веб-страницу

Question

У меня есть веб-страница, которая должна загружать кучу маленьких изображений PNG. Количество iamges и какие изображения должны быть встроены, является динамическим и зависит от параметров. Каждое изображение составляет около 20 кб.

Есть ли возможность вставлять изображения в html, чтобы уменьшить количество http-запросов?

Answer 1

Если ваши изображения представляют собой значки или тому подобное, вы можете попробовать метод «спрайт», чтобы уменьшить количество HTTP-запросов.Поместите все изображения в одно изображение и используйте CSS для отображения только необходимой части основного изображения

Answer 2

Вы можете сделать это через: http://en.wikipedia.org/wiki/Data_URI_scheme

Это работает во всех браузерах, кроме IE.Для поддержки IE вам нужно будет использовать JavaScript URI, который возвращает базовые данные PNG 64.