Зачем шифруют изображения?

Question

[Максим Тарабрин]

Часто вижу, как в img распологается зашифрованный код изображения. Для чего это делается? Чем это делается? Вручную шифруют и вставляют этот код в img или что?

Например:

<img *ngIf="loading" src="data:image/gif;base64,R0lGODlhEAAQAPIAAP///wAAAMLCwkJCQgAAAGJiYoKCgpKSkiH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAADMwi63P4wyklrE2MIOggZnAdOmGYJRbExwroUmcG2LmDEwnHQLVsYOd2mBzkYDAdKa+dIAAAh+QQJCgAAACwAAAAAEAAQAAADNAi63P5OjCEgG4QMu7DmikRxQlFUYDEZIGBMRVsaqHwctXXf7WEYB4Ag1xjihkMZsiUkKhIAIfkECQoAAAAsAAAAABAAEAAAAzYIujIjK8pByJDMlFYvBoVjHA70GU7xSUJhmKtwHPAKzLO9HMaoKwJZ7Rf8AYPDDzKpZBqfvwQAIfkECQoAAAAsAAAAABAAEAAAAzMIumIlK8oyhpHsnFZfhYumCYUhDAQxRIdhHBGqRoKw0R8DYlJd8z0fMDgsGo/IpHI5TAAAIfkECQoAAAAsAAAAABAAEAAAAzIIunInK0rnZBTwGPNMgQwmdsNgXGJUlIWEuR5oWUIpz8pAEAMe6TwfwyYsGo/IpFKSAAAh+QQJCgAAACwAAAAAEAAQAAADMwi6IMKQORfjdOe82p4wGccc4CEuQradylesojEMBgsUc2G7sDX3lQGBMLAJibufbSlKAAAh+QQJCgAAACwAAAAAEAAQAAADMgi63P7wCRHZnFVdmgHu2nFwlWCI3WGc3TSWhUFGxTAUkGCbtgENBMJAEJsxgMLWzpEAACH5BAkKAAAALAAAAAAQABAAAAMyCLrc/jDKSatlQtScKdceCAjDII7HcQ4EMTCpyrCuUBjCYRgHVtqlAiB1YhiCnlsRkAAAOwAAAAAAAAAAAA==" />

Comments

[giroskop grospop]

Base64 – способ кодирования произвольных двоичных данных в ASCII текст.
Специфичная штука, такие данные можно легко хранить в базе, может через апи передают в таком формате.
Ну а вообще наверное самое разумное применение.
"Включение картинки непосредственно в CSS в виде base64, позволит браузеру отобразить ее при первой отрисовке страницы, не делая дополнительных запросов к серверу. Это особенно заметно в медленных мобильных браузерах и при медленном соединении."

>>> import base64
>>> encoded = base64.b64encode(b'data to be encoded')

string base64_encode ( string data)

[giroskop grospop]

PS 1 пример python, 2й PHP

Answer 1

[Saboteur]

Это не шифрование, а base64 кодирование.
Делается. потому что HTTP протокол не предназначен для передачи бинарных данных, только текстовых. А картинки содержат непечатаемые символы, которые по HTTP протоколу не передадутся.
Поэтому если внедряют картинку прямо в html контент, ее кодируют в base64. Размер увеличивается примерно на треть, зато можно передать по http как текст

Answer 2

[RubaXa]

Мда, https://ru.wikipedia.org/wiki/Data:_URL

Comments

[Lee Masagos]

Как перестать орать и вернутся к работе)
"Масоны шифруют фото, теги React Angular Pentagon"

Answer 3

[Андрей Павленко]

Делается для уменьшения количества запросов на сервер. Ведь каждое изображение - это лишний запрос на nGinx, а иногда, если иконок около 50 штук - нагрузка значительно увеличивается. В этом случае увеличение размера изображения на 30% меньшее зло, чем еще один лишний запрос.