Image to URI, легкий способ конвертации

в 12:23, , рубрики: converter, css, images, java, uri, веб-дизайн, Веб-разработка, метки: , , , ,

Приветствую всех.
Читаю давно Хабр, и как-то ни разу не упоминалось о том, есть ли какой нибудь легкий способ конвертации изображений в data: URI.
Да, конечно есть онлайн сервисы для конвертации, но когда требуется массовая конвертация, в них работать очень не удобно.

Поэтому я начал искать и нашел.

Но так как изначально, эта утилита (у меня только так, язык поворачивается), немного неудобна.
Я взялся за допиливание этой утилиты.

Вот что получилось
Для начала посмотрите видео, сразу станет многое понятно.

HD ссылка на YouTube

А теперь чуть подробнее.

Имеется вот такой архив.
image

В нем…
image

Ну и полностью вот…
image

Мы хотим перевести вот эту картинку в data: URI
image

Для этого кидаем ее в папку image2css и запускаем пакетничек z_1.cmd
На выходе получаем готовый файл с data: URI

image

Примечание:
1. Можно сделать конвертацию массово для этого в архиве есть файл z_.cmd
2. В этом архиве есть Notepad2, он нужен для того чтобы показать нам код, так как родной Notepad меня жутко раздражает.
3. В папку можно кидать файл с любым названием, он автоматически переименуется в favicon.png.
4. Если вы хотите закодировать GIF изображение то, для этого нужно всего лишь, в файле z_1.cmd поменять расширение на gif.
5. Так как я парень забывчивый то сделал автобэкап всех сконветированных файлов.
Т.е. папки
aspng — хранит в себе все сконвертированные png картинки
asuri — хранит в себе все сконвертированные URI текстовые файлы.

И еще, не забудьте утилите нужна установленная Java.

Ну и сама утилита image2css.7z на Яндекс Диск.

Надеюсь, вам поможет мой скрипт, потому что делал для себя, ну и думаю, совсем не красиво будет не поделиться с народом.

Автор: alexbuk

* - обязательные к заполнению поля


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js