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 доступу до файлової системи). Він навіть використовує новий Window Controls Overlay API щоб приховати рядок заголовка системи, коли її встановлено, щоб зробити її схожою на рідну програму.
Ви можете прочитати більше про процес розробки для SVGcode в допис у блозі веб-розробки Google. Оскільки це PWA, ви можете використовувати та встановлювати SVGcode на будь-що за допомогою сучасного веб-браузера.