iTEYE

Изображение из Photoshop в Base64

14 апреля 2013

После публикации статьи и вопроса на Хабре меня спросили:

Как ни кручу настройки в Save for Web в фотошопе, не получается добиться такого же размера получаемого кода, как у тебя в примере. Как такое сделать? Есть какие-то генераторы с оптимизацией? Интересуют не только одноцветные однопиксельные gif-ы, но и например вариант для dashed-подчеркивания.

Вот пошаговая инструкция

У меня получился выходной размер dash 44 байта.
Делал так:

• создал новое изображение 1х6
• залил три пикселя черным
• потом Save for Web со следующими настройками

• Обязательно выставление ползунка цветов на отметку 2
• Metadata — none
• Внизу слева написано GIF, 44 bytes (вкладка Optimized) это обозначает выходной размер изображения (считается только изображение без места занимаемого Metadata)
• Сохранил.

Получился файл 44 байта.

Кстати можно прибегнуть к хитрости. Рядом с кнопкой Preview есть кнопка просмотра в браузере. Если ее нажать, выбрать браузер, то нашу картинку можно сохранить из браузера как (Save Image As… по правому клику на ней).

После того как я получил файл нужной длины, я (у меня MacOsX) пошел в терминал и сделал base64 -i pic.gif -o pic_base65.txt (а можно воспользоваться этим)