Векторизација на слика во SVG

Како да претворите слика во SVG

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

Како работи векторизацијата

Оваа алатка користи imagetracerjs, векторизатор со отворен код, во три чекори:

1. Квантизација на боите: сликата се сведува на бројот на бои што сте го избрале. Секој пиксел се доделува на најблиската боја од палетата, а палетата се усовршува во неколку проходи.
2. Откривање на рабови: за секоја боја се следат контурите на секоја површина од таа боја, вклучително и дупките (како внатрешноста на „O“).
3. Прилагодување на патеки: контурите се поедноставуваат во прави линии и квадратни криви, кои стануваат елементи <path> во SVG.

Површините помали од прагот Игнорирај дамки помали од (px) се отфрлаат, со што се отстрануваат шумот и JPG артефактите. Вредноста 0 задржува сè; 8 до 20 е добро за логоа; поголемите вредности даваат почист, но поедноставен цртеж. Целосно проѕирните површини се отстрануваат, па логотип на проѕирна позадина останува проѕирен.

Што дава добри резултати

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

Фотографиите се друга приказна. Фотографијата содржи илјадници суптилни тонови, па верна векторска верзија бара многу бои и десетици илјади патеки, а SVG завршува многу потежок од JPG. Користете Постеризирано (4 измазнети бои) за уметнички ефект наместо тоа и не очекувајте фотографски резултат. Ако SVG стане многу голем, алатката ве предупредува.

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

• почнете од најголемата и најостра верзија на сликата што ја имате;
• поставете Број на бои на вистинскиот број на бои во логотипот (вклучително и позадината);
• зголемете го прагот за дамки ако гледате мали точки покрај рабовите.

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

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