Изображение в SVG (векторизиране)

Как да конвертирате изображение в SVG

1. Пуснете PNG, JPG, WebP или GIF изображение в зоната за плъзгане или щракнете върху нея, за да го изберете. Оригиналът се появява отляво.
2. Изберете Предварителна настройка: - Лого (плътни цветове, чисти форми) за лога, икони, печати и плоски илюстрации; - Подробно (повече цветове и пътеки) за рисунки със сенки или много цветове; - Постеризирано (4 изгладени цвята) за стилизиран резултат като от плакат, получен от снимка.
3. При нужда коригирайте Брой цветове (от 2 до 64) и Пренебрегни петна, по-малки от (px). Настройката попълва разумни стойности и за двете.
4. Изберете Работен размер (по-дългата страна). Изображението се векторизира в този размер; самият SVG запазва оригиналните размери.
5. Щракнете върху Векторизирай в SVG. Резултатът се появява отдясно с размера на файла, броя на пътеките и цветовете и времето за векторизиране.
6. Щракнете върху Изтегли SVG или Копирай SVG кода, за да поставите кода във вашия HTML или инструмент за дизайн.

Как работи векторизирането

Този инструмент използва imagetracerjs, векторизатор с отворен код, на три стъпки:

1. Квантуване на цветовете: изображението се свежда до избрания брой цветове. Всеки пиксел се присвоява на най-близкия цвят от палитрата, а палитрата се уточнява в няколко прохода.
2. Откриване на контури: за всеки цвят се проследяват очертанията на всяка област с този цвят, включително отворите (например вътрешността на „О“).
3. Напасване на пътеки: очертанията се опростяват до прави линии и квадратични криви, които стават елементи <path> в SVG.

Областите, по-малки от прага Пренебрегни петна, по-малки от (px), се отпадат, което премахва шума и JPG артефактите. Стойност 0 запазва всичко; от 8 до 20 е подходяща за лога; по-големите стойности дават по-чиста, но по-проста рисунка. Напълно прозрачните области се премахват, така че лого на прозрачен фон остава прозрачно.

Кога се получават добри резултати

Векторизирането работи най-добре при прости лога и рисунки: малко плътни цветове, ясни ръбове, без градиенти. Сканирана скица, черно-бял подпис или икона от пиксел арт се векторизират много добре с 2 до 8 цвята.

Снимките са друга работа. Една снимка съдържа хиляди фини нюанси, затова вярната векторна версия изисква много цветове и десетки хиляди пътеки, а SVG файлът става много по-тежък от JPG. Използвайте Постеризирано (4 изгладени цвята) за художествен ефект и не очаквайте фотографски резултат. Ако SVG стане много голям, инструментът ви предупреждава.

Съвети за по-чисто лого:

• започнете от най-голямата и най-рязка версия на изображението, с която разполагате;
• задайте Брой цветове според реалния брой цветове в логото (включително фона);
• увеличете прага за петната, ако виждате малки точки около ръбовете.

Поверителност и безопасен преглед

Изображението се векторизира във вашия браузър и никога не се качва на сървър. SVG прегледът се показва като обикновено изображение от частен blob адрес и никога не се вмъква в страницата, така че дори необичаен файл не може да изпълни код.