Картинка в base64

Картинка base64, изображение в base64

Зачем использовать картинки в base64?

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

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

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

Таким образом:
  1. экономия количества запросов к сервер (оно ограничено для одновременных соединений);
  2. ускорение загрузки и отрисовки страницы;
  3. удобство редактирования иконок;
  4. мгновенное отображение прелоадеров;
Естественно есть и минусы, например размер css файла увеличивается, тем не менее даже с увеличением размера таблицы стилей, общая скорость загрузки страницы увеличивается в разы по сравнению со вставкой обычных ссылок на картинки.

Есть и другие минусы,  но плюсов все же больше.

Можно ли декодировать картинку из base64?

Картинку можно как закодировать, так и декодировать из base64, восстановить обратно, для этого надо взять строку в base64 и вставить в поле для распознавания  в поле внизу. Нажав на кнопку распознать, вы увидите оригинал изображения, его размеры. 

А также можно изображение сохранить в первоначальном виде, просто перетащив картинку из области предпросмотра на рабочий стол мышкой!

Назад к списку

(Drag&Drop)
Перетащите сюда 1 или более картинок.

base64:
Распознать