html - преимущества - data image png base64 generator



Преимущества и недостатки использования кодированных изображений base64 (3)

Я думаю использовать кодированные изображения base64 для сайта, над которым я работаю, для оптимизации времени загрузки.

В любом случае, прежде чем я начну, мне было интересно: каковы преимущества и недостатки этого?

На данный момент я не вижу недостатков, но также заметил, что это не техника, используемая очень часто, и это заставляет меня задаться вопросом, не пропустил ли я что-то.

После googleing предмета я не нашел ничего понятного, поэтому я решил спросить здесь.


Answer #1

фактическая длина MIME-совместимых двоичных данных с кодировкой Base64 обычно составляет около 137% от исходной длины данных, хотя для очень коротких сообщений накладные расходы могут быть намного выше из-за накладных расходов заголовков. Очень грубо говоря, конечный размер двоичных данных с кодировкой Base64 равен 1,37 раза по сравнению с исходным размером данных + 814 байтов (для заголовков).

Другими словами, размер декодированных данных может быть аппроксимирован этой формулой:

bytes = (string_length(encoded_string) - 814) / 1.37

Источник: http://en.wikipedia.org/wiki/Base64#MIME


Answer #2

Некоторые из недостатков, как показано ниже, уже упоминаются в этом сообщении. Насколько быстрее использовать изображения inline / base64 для веб-сайта, чем просто ссылку на жесткий файл?

  • Большинство форм кеширования избиты, что может сильно повредить, если изображение просматривается часто - скажем, логотип, который отображается на каждой странице, который обычно можно кэшировать браузером.
  • Больше использования ЦП.

Answer #3

также время отклика страницы HTML будет увеличиваться, потому что изображения загружаются asyn в обычном сценарии. даже если изображения загружаются, вы можете начать просмотр текста.

Еще одно преимущество CDN будет потеряно, если в CDN будет кэшироваться только среда

это преимущество будет потеряно.





encode