Изображение из 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 (а можно воспользоваться этим)
Leave a Reply