Создание картинки в base64

  • Не нравится
  • +34
  • Нравится
Сейчас я покажу как вместо стандартных ссылок изображений сделать ссылку в кодировке base64 и использовать ее в картинках. Этоэкономит сетевой запрос для каждого изображения и не видно полного пути картинки, что есть еще одним плюсом :)
Но, данная "технология" не работает с ИЕ7 и ниже.

Как сделать?


Начните с чтения в изображение с помощью file_get_contents (или любой другой метод), затем преобразовать изображение в base64 используя base64_encode


// Ссылка на картинку
$image = 'zvlad.jpg';

// Читаем, конвертируем
$imageData = base64_encode(file_get_contents($image));

// Дальше вот так...
$src = 'data: '.mime_content_type($image).';base64,'.$imageData;

// Выводим картинку.
echo '<img src='.$src.'>';



Так же можно воспользоваться вот такой функцией:

function zvImgURI($image, $mime = '') {
return 'data: '.(function_exists('mime_content_type') ? mime_content_type($image) : $mime).';base64,'.base64_encode(file_get_contents($image));
}


Еще раз повторюсь: если вы хотите полностью переходить на такие ссылки, то в ИЕ7 и ниже не будут работать картинки. Это же не браузер ;)

Но, можно сделать условие: если браузер ИЕ, то ***, если не ИЕ, то ***.

Удачи!

Коментарии

Аватар
Спасибо работает:)
  
Аватар
  • Oleg
  • Группа: Гости
Бред какой то