Как кодировать изображение в base64 с минимальным кодом?

Question

[weranda]

Приветствую.
Есть изображение в base64

data:image/gif;base64,R0lGODlhBwAKAMIEAICAgJmZmbOzs/f39////////////////yH5BAEKAAcALAAAAAAHAAoAAAMWSDPUGoE5AaIj1M4qMW+ZFDYD1ClnAgA7

У него белый фон. Мне нужно его поменять на фон цветом #f2f2f2. Меняю в Photoshop в различных форматах. Вставляю в онлайн конвертер и вмето короткой записи появляется очень большая запись

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAKCAYAAAB4zEQNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2QTk2MDk2NjI2REMxMUU0OTZEQ0QxODBFMjY3M0IyRCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2QTk2MDk2NzI2REMxMUU0OTZEQ0QxODBFMjY3M0IyRCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjZBOTYwOTY0MjZEQzExRTQ5NkRDRDE4MEUyNjczQjJEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjZBOTYwOTY1MjZEQzExRTQ5NkRDRDE4MEUyNjczQjJEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+XngJ/QAAAGhJREFUeNqEkMENwCAMAw2vrECGYzhmYA3WgBHILzRIRa1KW/8sOycrTlUhIopDRORwkeu9a0ppmhjjreDNMDNaa7DSSZmXhjXlnLWUghDCIqxwV/D40D92F8y1tq7W+ggW9u0JQ4ABAKO1TeAFEfGiAAAAAElFTkSuQmCC

Подскажите пожалуйста, как надо сохранить, с какими параметрами, чтобы запись получилась короткая?

Answer 1

[Сергей Протько]

прогнал картинку через tinypng, сконвертил.

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAKBAMAAACK4lk+AAAAD1BMVEUAAAD39/eZmZmzs7OAgIDyKp/JAAAAAXRSTlMAQObYZgAAACFJREFUCNdjYBRgYGAQUgQSzE4gpgmUCSZAXDADogSsGAA/kQKHJ/GgegAAAABJRU5ErkJggg==

Надеюсь вы понимаете, что все зависит от размера самой картинки? Еще можно метатеги поудалять.

Comments

[weranda]

Спасибо. То что надо. Т.е. сначала изменили, затем прогнали, затем через конвертер в base64. Так?

[Сергей Протько]

@weranda я просто вашу картинку скачал и пережал ее. Просто уменьшите размер png и будет вам счастье. Есть тулзы для этого и не мало. А фотошоп генерит не самые маленькие png-шки. + там пара десятков байт на мета данные уходит.

[Сергей Протько]

@weranda tinypng.org мой любимый, но внимательно посмотрите не осталось ли артефактов после сжатия.

Answer 2

[Дмитрий Гукетлев]

а без изображения не можете фон задать?

Comments

[weranda]

Да мне нужна эта стрелочка с минимальным кодом в base64, а не получается(

Answer 3

[zooks]

Нужно корректно сжать в Photoshop или другом графическом редакторе. Конвертер здесь ни при чем.

Comments

[weranda]

Так я уже на такие настройки в Photoshog поставил, что дальше уже некуда: gif, 8 цветов, в градациях серого, без дизеринга, web цвета - 0...