Проблемы data:URI

Проблемы data:URI

С описанным выше подходом для подключения изображений связаны две основные проблемы. Во-первых, вам нужно пересчитывать base64-представление изображений и редактировать CSS-файл каждый раз, когда само изображение меняется. Также IE до версии 7 включительно не поддерживает встроенных изображений. У первой проблемы есть простое решение на PHP:

<?php echo base64_encode(file_get_contents("../images/flag.png")) ?>

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

Поделитесь на страничке

Следующая глава >

Похожие главы из других книг:

data:URI нас спасет?

Из книги автора

data:URI нас спасет? В качестве технологии экстремальной оптимизации можно рассмотреть возможность включения favicon.ico по протоколу data:URI (подробнее о нем написано в четвертой главе), чтобы отобразить страницу в клиентском браузере после первого запроса на сервер


Схема data:URI

Из книги автора

Схема data:URI Схема data:URI предоставляет способ для внедрения «непосредственно данных» точно так же, как если бы они были подключены через вызовы внешних файлов. Синтаксис у нее следующий:data:[<тип данных>][;base64],<данные>В случае простых изображений вам нужно указать


Преимущества и недостатки data:URI

Из книги автора

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


Кроссбраузерное использование data:URI

Из книги автора

Кроссбраузерное использование data:URI IE (до версии 7 включительно) не поддерживает протокол data:URI, а вместе с ним base64-кодирование внешних файлов и включение их прямо в тело необходимого документа (будь то HTML или CSS/JavaScript-файл). Однако если рассмотреть использование протокола


4.5. CSS Sprites и data:URI

Из книги автора

4.5. CSS Sprites и data:URI Давайте проведем сравнение двух освещенных выше методов для кардинального уменьшения числа запрашиваемых файлов с сервера: CSS Sprites и


[service data–source]

Из книги автора

[service data–source] type { ip–traffic | netflow | libpcap | netgraph | raw }Задает тип источника данных• ip–traffic• данные берутся путем перехвата ip–пакетов из ядра через divert socket (FreeBSD) или netfilter (Linux 2.4.x)• netflow• данные о прошедшем трафике приходят от маршрутизатора Cisco, отдающего поток информации в


data–source

Из книги автора

data–source type { ip–traffic | netflow | libpcap | netgraph }source { tee XXX | divert XXX | ipq | ulog NL1 [NL2 … NL32] |A.B.C.D | ifname [promisc] | nodename [divert] }listen { 0 | ip } port_numberclock { remote | local }layer7–detect { none | urls }rule ID rule_stringno rule


Правила для data–source

Из книги автора

Правила для data–source В случае использование FreeBSD правила должны выглядеть следующим образом:Случай использования «честных» адресов:rule number «ip from any to any via ifname»где:number — относительно любой номер правила в таблице ipfw, например 100ifname — название внешнего интерфейса, через


Свойство Data

Из книги автора

Свойство Data Свойство Data объекта System.Exception является новым в .NET 2.0 и позволяет добавить в объект исключения дополнительную информацию для пользователя (например, штамп времени или что-то другое). Свойство Data возвращает объект, реализующий интерфейс с именем IDictionary,


Типы System.Data

Из книги автора

Типы System.Data Пространство имен System.Data является, так сказать, общим знаменателем для всех пространств имен ADO.NET. Вы просто не можете построить приложение ADO.NET, не указав это пространство имен в приложении доступа к данным. Эта пространство имен содержит типы, совместно


2.3.2.4 EDA/Data Drivers

Из книги автора

2.3.2.4 EDA/Data Drivers Независимые продукты, доступные от фирмы Information Builders, Inc. Драйверы EDA/Data Drivers отображают запросы SQL или RPC, сгенерированные приложением клиента, на тот язык, который используется на целевом источнике данных. Например, для SQL-запроса к базе данных IMS драйвер


16.5. Удаление данных из Core Data

Из книги автора

16.5. Удаление данных из Core Data Постановка задачи Требуется удалить управляемый объект (строку таблицы) из контекста управляемых объектов (вашей базы


16.6. Сортировка данных в Core Data

Из книги автора

16.6. Сортировка данных в Core Data Постановка задачи Требуется сортировать управляемые объекты (записи), выбираемые из контекста управляемых объектов (базы


Диски данных Data CD/DVD

Из книги автора

Диски данных Data CD/DVD Формат Data CD/DVD предназначен для хранения произвольной информации, то есть для записи произвольных файлов. В качестве этих файлов могут использоваться аудиозаписи, видео, архивные данные. Как правило, диски этого формата используются для работы на


Подключение с помощью data-кабеля

Из книги автора

Подключение с помощью data-кабеля Самый очевидный, универсальный и простой способ организовать передачу информации от компьютера к телефону и обратно – соединить их кабелем. Начнем с того, к каким разъемам можно подключить


Data-кабели

Из книги автора

Data-кабели Хотя data-кабель и называется «кабелем», то есть «пучком проводов», он представляет собой отдельное устройство. В утолщении в его середине или в одном из разъемов находится довольно сложная электронная начинка, состоящая из микросхемы и нескольких других