Хранение мелких изображений в CSS обеспечивает скорость загрузки страниц — по той причине что с сервером устанавливается меньшее количество соединений.
Еще одна причина использовать base64 — внедрение изображений в письма. Таким образом почтовые клиенты, будут стабильно отображать изображения без блокировок по безопасности.

Пример кода CSS:

.some_background {
    background-image: url("data:image/ТИП;base64,КОД");
}

Пример кода конвертации в base64 с помощью PHP:

<?php
echo preg_replace('/images\/[-\w\/\.]*/ie','"data:image/".((substr("\\0",-4)==".png")?"png":"gif").";base64,".base64_encode(file_get_contents("\\0"))',file_get_contents('style.css'));
?>

Пример кода конвертации в base64 с помощью Perl:

open(FILE,"logo.gif") or die "$!";
while(read(FILE,$buf, 60*57)){
$cur = encode_base64($buf);
$cur =~ s/\n//g;
}
print "background: url('data:image/gif;base64;$cur')";
 

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>