SVGcode — это новое прогрессивное веб-приложение, которое может автоматически конвертировать растровые изображения (например, JPEG и PNG) в графические файлы SVG.
В Интернете вы обычно видите две разные категории изображений. Растровые изображения (например, JPG, PNG, WebP и т. д.) представляют собой последовательность пикселей с фиксированным разрешением, тогда как векторные изображения (например, SVG) используют различные линии и формы. Векторная графика популярна для логотипов и других простых изображений, поскольку она не выглядит ужасно в высоком разрешении (или при увеличении), но ее создание с нуля может оказаться трудоемким. Теперь есть удобное веб-приложение для создания SVG из стандартных изображений: SVGcode.
SVGcode — это новое прогрессивное веб-приложение, созданное Томасом Штайнером, инженером по связям с разработчиками, работающим в Google (хотя сам SVGcode не является продуктом Google). Как только вы откроете его в браузере по адресу svgco.de, вы можете открыть изображение со своего компьютера, и оно будет автоматически «отрисовано» в формате SVG. Большинству изображений потребуются некоторые корректировки для создания прилично выглядящего SVG, но это впечатляющее веб-приложение, и оно может пригодиться, если вы когда-нибудь захотите создать более чистую векторную версию растрового логотипа.
SVGcode основан на новейших API-интерфейсах, добавленных в такие веб-браузеры, как Chromium и Firefox. Основные функции рисования основаны на Проект Potrace, который был преобразован в код веб-сборки для этого веб-приложения. SVGCode может скопировать готовый файл в буфер обмена (с помощью API асинхронного буфера обмена), отображаться в качестве опции в файловом менеджере вашего ПК при щелчке правой кнопкой мыши по изображению (с API обработки файлов), а также открывать/сохранять файлы с вашего устройства (используя API доступа к файловой системе). Он даже использует новый API наложения оконных элементов управления чтобы скрыть строку заголовка системы при ее установке, что делает ее более похожей на собственное приложение.
Вы можете прочитать больше о процессе разработки SVGcode в сообщение в блоге Google по веб-разработке. Поскольку это PWA, вы можете использовать и устанавливать SVGcode на что угодно с помощью современного веб-браузера.