Как лучше всего обслуживать небольшие статичные изображения?

Question

Прямо сейчас я использую их для кодирования 64 и использую данные Uris. Идея заключалась в том, что это как-то снизит количество запросов, которые должен сделать браузер. В этом ведре есть вода?

Как лучше всего обслуживать изображения в целом? БД, от ФС, S3?

Меня больше всего интересуют ответы на основе Python и Java, но все приветствуются!

Answer 1

Я бы определенно взглянул на CSS Image Sprites, достойные рецензии здесь и здесь .

Концепция довольно проста, объедините ваши изображения вВо-первых, покажите только нужный вам фрагмент в качестве фона CSS.Это позволяет вам уменьшить количество HTTP-запросов от многих изображений к одному или нескольким (сгруппируйте ваши маленькие изображения в спрайт-картах соответствующим образом) и иметь меньше изображений для обслуживания, CSS просто имеет некоторые фоновые координаты там.

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

Answer 2

Николас С. Закас написал инструмент , который облегчает использование URI данных в css, а также содержит совместимое с IE6 / 7 исправление:

CSSEmbed также поддерживает режим MHTML для создания совместимых с IE6 и IE7 таблиц стилей, использующих внутренние изображения, аналогичные URI данных.

Answer 3

Прямо сейчас я использую их кодировку base 64 и использую данные Uris.Идея заключалась в том, что это как-то снизит количество запросов, которые должен сделать браузер.В этом ведре содержится вода?

Это определенно плохая идея: оно не будет работать в IE <8 </a>;увеличивает объем обслуживаемых данных на 33%;и это делает изображения совершенно не кэшируемыми.

Я бы сказал, что вы должны использовать изображения как надлежащие ресурсы изображений - будь то отдельные файлы или, возможно, спрайты CSS, как предполагает @Nick, будет зависеть от их количества и размера.

Answer 4

URL-адреса данных определенно уменьшат количество запросов к серверу, поскольку браузер не должен запрашивать пиксели в отдельном запросе.Но они поддерживаются не во всех браузерах.Вам придется сделать компромисс.