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 на всичко с модерен уеб браузър.