HTML & CSS: превращайте шрифты и изображения в строки данных

Question

HTML & CSS: превращайте шрифты и изображения в строки данных

Как я могу преобразовать шрифты и изображения (ресурсы в целом) в атрибуты данных?

Будут ли активы загружаться быстрее или медленнее?

1

html css assets content-encoding

Источник

user383148 26 июн '11 в 19:37

3 ответа

Решение

Ваши страницы будут загружаться медленнее, потому что данные должны загружаться с каждым запросом, в то время как отдельный файл может быть кэширован. Старайтесь использовать данные URI только для небольших файлов.

кодировщик uri для изображений: http://www.scalora.org/projects/uriencoder/

1

Источник

user135007 26 июн '11 в 20:46

Вы можете использовать FileSystem APIreadAsDataURL meathod. Но пока это работает только в Chrome.

0

Источник

user433905 26 июн '11 в 21:19

Другие вопросы по тегам html css assets content-encoding

user859314 24 июл '11 в 12:37 2011-07-24 12:37 · Accepted Answer · 2011-07-24 12:37

Вы должны знать, что DataURI не поддерживаются IE раньше, чем IE8. Кроме того, IE8 имеет ограничение не более 32 КБ dataURI в css-активах. Более подробное описание DataURI можно найти в этом блоге.

Если вам нужна реализация Java, вы можете найти ее здесь:

Это позволяет вам преобразовывать все изображения в URI в кодировке Base64 в CSS-файлах. Для получения более подробной информации о том, как интегрировать эту реализацию в ваш проект, посетите эту страницу:

Раскрытие информации: я связан с проектом wro4j.