Перевод:

- Я пытался убить ребенка...

- Я уничтожал целые планеты

- Я создал формат файла webp

По работе нужно было много конвертировать пиксель арта в векторный формат и не найдя адекватных решений решил сам написать мини прожку, ну и от сырого прототипа в консоли за пару недель дошел до юзабельной версии с приятным интерфейсом.

Основным запросом было, что бы финальный SVG не лагал в той же самой фигме, так как нашему дизайнеру нужно было размещать логотипы в брендбуке лендинге и прочее. По этому я в первую очередь бросил все силы на алгоритм, помог мне довести его до идеала некий Гарри Тсанг, (его линкед ин можете найти в репозитории кому надо) который довел мой имеющийся алгоритм до идеала.

Принцип его работы довольно прост - сначала алгоритм смотрит на всю картинку и группирует пиксели по цветам. Далее мы ищем контур что бы четко определить границы каждого такого кластера одинаковых цветов. За счет эффективного математического расчета поиск этих границ занимает буквально секунды. Далее алгоритм ищет все прямые участки и например если граница идет прямо на 100 пикселей, он не будет ставить 100 точек а просто проведет линию от одного угла до другого. И по сути алгоритм не просто копирует пиксели, а скорее интерпретирует их как набор логических форм, по этому на выходе получается чистый и оптимизированный SVG за минимально затраченное время.

В общем на данный момент десктопная версия пополнилась еще парой фичей вроде импорта целых папок и конвертирования в формат WEBP, с помощью этих фич я конвертировал весь набор арт ассетов сайта, это где то 670 картинок за минут 5-7, в вебп формат и сохранил их в то же место где находились исходники.

Так же запустил по советам многих сайт, все вычисления проходят прямо в вашем браузере а не на сервере что позволяет проге быть почти полностью бесплатной.

Веб-сайт проги - https://glorp.art

На этом же сайте вы можете найти ссылки на репозиторий и страницу на итаче с готовым билдом

Программа полностью Open-Source и free to use

Если вы сохраняете мемчики для отправки по телеграм, а картинка оказывается в формате webp, то telegram её сконвертирует в "стикер" — мелкую не масштабируемую картинку, которую даже невозможно сохранить.

РЕШЕНИЕ

При отправке таких картинок шлите что-нибудь текстовое. Хотя бы точку поставьте.

Photoshop не открывает ваш файл WebP? Это частая проблема, потому что Adobe до сих пор не добавила поддержку в свой стандартный функционал. Но не спешите паниковать и удалять файлы! Я расскажу о 3 эффективных способах, которые спасут ситуацию.

1.  Установить плагин для Photoshop — решение "Навсегда"

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

2. Онлайн-инструменты: без скачивания, бесплатно, идеально, если нужно конвертировать несколько файлов здесь и сейчас, даже если под рукой только телефон.

Онлайн-конвертер

• Загрузите WebP-файл.

• Выберите нужный формат (рекомендую PNG для прозрачности, JPG для фото).

• Добавить: ретушь, корректировку цвета, изменение ориентации, водяные знаки.

• Скачайте результат.

Telegram-бот — reaConverterBot

• Укажите нужный формат.

• Отправьте боту файл.

• Получите конвертированное изображение за пару секунд.

3. Фотоконвертер

Идеально, если нужно обработать 100+ изображений и добавить к ним легкую ретушь, водяные знаки и др.

История из жизни: Однажды клиент прислал мне папку из 800 WebP-файлов для обработки. Естественно, открыть их сразу в Photoshop я не смогла. Но благодаря Фотоконвертеру у меня получилось все эти файлы конвертировать из WebP в PNG за несколько минут, в то время, как ручная или онлайн конвертация заняли бы пол дня!

Плюсы: автоматизация процессов, скорость, сохранение метаданных (EXIF, геолокация), пакетная обработка, бесплатный пробный период 15 дней.

Инструкция:

• Установите программу.

• Перетащите или загрузите файлы.

• Выберите нужный формат и укажите папку для сохранения.

• Запустите конвертацию и проверьте готовые файлы.

Выбирайте метод под ваши задачи и работайте с комфортом, даже если Adobe не спешит на помощь!