Как стать автором
Обновить

Картинки в теле страницы с помощью data: URL

Клиентская оптимизация
Перевод
Автор оригинала: website optimization
Примечание: ниже расположен перевод статьи «Inline Images with Data URLs», в которой рассматривается вопрос о внедрении картинки на веб-страницы при помощи data:URI. Эта схема позволяет вставить код картинок прямо в (X)HTML-страницу без обращений к внешним файлам, что уменьшает общее количество HTTP-обращений к серверу. Мои комментарии далее курсивом.

Встроенные (inline) изображения используют схему data:URI для внедрения прямо в тело веб-страницы. Как было определено в RFC 2397, такие URI предназначены для вставки небольших объектов как «непосредственные» данные. Такие объекты должны рассматриваться так же, как и любые другие внешние файлы. Использование встроенных изображений позволяет сэкономить HTTP-запросы к внешних ресурсах.

Поддержка браузерами data:URL



Хотя Opera 7.2+, Firefox, Safari, Netscape и Mozilla поддерживают data:URI, Internet Explorer 5–7 совсем нет. Однако, сообщается, что Internet Explorer 8 будет поддерживать эту схему, так как проходит Acid2 тест, что позволяет использовать data:URL как реальную альтернативу для внедрения небольших декоративных изображений. Существует также несколько приемов для поддержки старых версий Internet Explorer.

читать дальше на webo.in →
Теги:оптимизацияпроизводительностьскорость загрузкиcss sprites
Хабы: Клиентская оптимизация
Всего голосов 54: ↑50 и ↓4 +46
Просмотры3.3K

Похожие публикации

Frontend Developer (JS/jQuery/CSS/Webasyst)
от 100 000 ₽WebasystМоскваМожно удаленно
Разработчик SQL
до 150 000 ₽СИАМ консалтингМоскваМожно удаленно

Лучшие публикации за сутки