Конвертация изображения в кодировку base64

- Или -
Перетащите изображение сюда

Если изображение большое, конвертация может занять больше времени


Зачем конвертировать изображение в кодировку base64

При создании веб-страницы, если необходимо вставить изображение, обычно используются два способа.

  1. Прямая ссылка на изображение URI, например, https://www.codeeeee.com/.../come.png
  2. Кодирование изображения в base64 и вставка в html или css

В сравнении с использованием URI, преимущество кодирования изображения в base64 заключается в уменьшении сетевых запросов. При использовании URI браузеру требуется отправить http(s) запрос для получения содержимого изображения; в то время как кодирование изображения в base64 и включение его непосредственно в документ позволяет изображению загружаться вместе с html-документом, без дополнительных запросов. Однако данные в формате base64 обычно больше по размеру, чем исходное изображение. Таким образом, при использовании base64 для больших изображений следует взвешивать, превышают ли преимущества потери.