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

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

Как ни кручу настройки в 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 comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.