Мазмұнға өту

PNG суретін SVG форматына түрлендіру

PNG не JPG суретін логотиптер мен иллюстрацияларға арналған дайын баптаулармен масштабталатын SVG векторына айналдырыңыз. Түрлендіру браузеріңізде жүреді.

Векторлау үшін суретті апарып тастаңызPNG, JPG, WebP… логотиптер мен қарапайым графика жақсы шығады
Сурет таңдауҚұрылғыңызда өңделеді — серверге жүктелмейді
Браузеріңізде жұмыс істейді · серверге жүктелмейдіҚалай жұмыс істейді

PNG-ден SVG-ге құралын қалай қолдану керек

  1. 1

    Бір сурет қосыңыз

    PNG, JPG, WebP немесе басқа форматтағы 25 MB дейінгі суретті қосыңыз. Логотиптер, белгішелер, қолтаңбалар мен жалпақ иллюстрациялар жақсы векторланады.

  2. 2

    Стильді таңдаңыз

    Ақ-қара режимі жарықтық шектік мәні бойынша бір түсті пішіндер жасайды; Түсті режим 32 түске дейін, Егжей-тегжейлі режим 64 түске дейін пайдаланады.

  3. 3

    Жолдарды тазалаңыз

    Қисықтар жұмсарақ болуы үшін Тегістеуді арттырыңыз, ұсақ дақтарды алып тастау үшін Шуды сүзуді қолданыңыз, Фонды жою параметрін қосыңыз немесе өшіріңіз.

  4. 4

    SVG файлын сақтаңыз

    Нәтижені түпнұсқамен салыстырыңыз, содан кейін name.svg файлын жүктеп алыңыз немесе SVG кодын жобаңызға көшіріңіз.

Шектеулер және Pro

Бір мезетте 25 MB дейінгі бір сурет, ең ұзын жағы 2 000 px дейін және 64 түске дейін векторланады.

Pro нұсқасы 4 GB дейінгі бастапқы суреттерді қабылдайды. Pro-ны қарау

PNG-ден SVG-ге туралы

PNG-ден SVG-ге құралы растрлық суреттегі контурларды анықтап, оларды векторлық жолдар ретінде қайта құрады. Сондықтан нәтижені билбордқа дейін де, фавиконға дейін де пиксельсіз үлкейтуге немесе кішірейтуге болады. Алдымен сурет медиан-кесу кванттауышы арқылы палитраға дейін азайтылады, ал Ақ-қара режимінде бір пішін түсіне келтіріледі. Содан кейін әр түсті аймақтың контурын imagetracerjs қозғалтқышы сызады. SVG файлында әр түс қабатына бір path элементі келеді, түпнұсқа суреттің ені мен биіктігі сақталады, ал фон қабатын алып тастап, логотипті мөлдір етуге болады.

Векторлау ажыратымдылығының үш деңгейі жылдамдық пен егжей-тегжей арасындағы теңгерімді өзгертеді: Жылдам режим ең ұзын жағын 800 пиксельге, Теңгерімді режим 1 200 пиксельге, Жоғары режим 2 000 пиксельге дейін өңдейді. Тегістеу Нақты мәнінен, яғни әр пиксель сатысын қайталайтын деңгейден, бұрыштарды қатты дөңгелектейтін Максимумға дейін өзгереді; Шуды сүзу 40 пиксельге дейінгі ұсақ аралдарды жояды. Алдын ала қарау астындағы статистика файлда қанша жол мен түс бар екенін көрсетеді, бұл файлдың қаншалықты ауыр болатынын шамалауға көмектеседі.

Мұндай құрал PNG түрінде ғана қалған компания логотипіне, сканерленген қолтаңба мен мөрге, винил плоттер немесе лазерлік гравировка үшін кесу файлына және қарапайым белгішелерге жақсы жарайды. Фотосуреттерге жарамайды: олар постеризацияланып шығады, ал егжей-тегжейлі фотодан бірнеше мегабайттық SVG пайда болуы мүмкін, ол JPG-ден үлкен әрі баяу болады. Градиенттер көрінетін жолақтарға айналады, мәтін өңделетін әріптер емес, пішіндер болады, ал өте жіңішке сызықтар төмен ажыратымдылықта үзіліп кетуі мүмкін.

Құпиялылық

Векторлау осы беттегі жеке Web Worker ішінде орындалады: сурет құрылғыңызда декодталады, imagetracerjs арқылы квантталанып, контурланады, ал SVG жергілікті түрде құрастырылады. Векторлау коды осы сайттан тек сурет таңдағаннан кейін жүктеледі. Сурет те, SVG де серверге жүктелмейді және бетті жапқаннан кейін еш жерде сақталмайды.

Мүмкіндіктер

Таза векторлық жолдар

Әр түс қабатына бір ықшам жол, кез келген өлшемге пиксельсіз масштабталады.

Үш стиль

Логотип пен қолтаңбаға — Ақ-қара, жалпақ графикаға — Түсті, бай иллюстрацияға — Егжей-тегжейлі.

Тегістеу және шуды сүзу

Жүктемес бұрын тісті сатыларды жұмсартып, ұсақ дақтарды алып тастаңыз.

Кодты көшіру

SVG кодын тікелей HTML, CSS немесе дизайн құралына қойыңыз.

PNG-ден SVG-ге: жиі қойылатын сұрақтар

Қандай суреттер SVG-ге жақсы түрленеді?
Жиектері анық және түсі аз суреттер: логотиптер, белгішелер, сызбалар, қолтаңбалар, мөрлер, жалпақ иллюстрациялар және қарапайым диаграммалар, ең болмағанда 500 пиксель енді болғаны жөн. Бір түсті графикаға Ақ-қара режимінен, жалпақ графикаға 4–8 түсті Түсті режимнен бастаңыз. Фотосуреттер мен жұмсақ градиенттер мыңдаған ұсақ пішін жасайды, сондықтан оларға түпнұсқа JPG немесе PNG қолайлырақ.
Мөлдір SVG логотипті қалай алуға болады?
Фонды жою параметрін қосулы қалдырыңыз; Ақ-қара режимінде ол әдепкіде қосулы. Сурет жиектеріндегі ең жиі кездесетін түс фон деп саналып, алынып тасталады, сондықтан тек логотип пішіндері қалады. Ақ-қара режимінде қою фондағы ашық логотип үшін Инверсияны қолданып, қалаған Пішін түсін таңдаңыз. Жүктемес бұрын нәтижені тор тәріздес фонмен салыстырып тексеріңіз.
SVG жиектері неге кедір-бұдыр немесе шулы болады?
Векторлау өзі көретін пиксельдерді қайталайды, сондықтан бұлыңғыр, кішкентай немесе қатты сығылған көздер тісті контурлар мен жеке дақтар береді. Векторлау ажыратымдылығын Жоғары деңгейіне қойыңыз, жұмсақ қисықтар үшін Тегістеуді Жоғары немесе Максимумға жылжытыңыз, дақтарды алып тастау үшін Шуды сүзуді 10–20 пиксельге дейін арттырыңыз. Үлкенірек әрі таза бастапқы сурет кез келген баптаудан да көбірек көмектеседі.
Нәтиже шынайы векторлық файл ма?
Иә. Жүктелетін файл — түспен толтырылған path элементтерінен тұратын стандартты SVG, ішінде нүктелік сурет жоқ. Сондықтан ол кез келген өлшемге пиксельсіз масштабталады және Illustrator, Inkscape, Figma, Affinity мен барлық браузерлерде ашылады. Онда қабаттарды қайта бояуға, пішіндерді жоюға немесе түйіндерді жеңілдетуге болады. Түпнұсқадағы мәтін контурға айналады, сондықтан әріптер ретінде өңделмейді.
SVG файлын Cricut, плоттер немесе лазерлік кескіш үшін қолдануға бола ма?
Көбіне иә. Фонды жою қосулы Ақ-қара режимі фон төртбұрышынсыз толтырылған пішіндер жасайды, оларды кесу және гравировка бағдарламалары тікелей импорттай алады. Алып тастау мүмкін болмайтын ұсақ бөлшектерді кетіру үшін Шуды сүзуді, таза қисықтар үшін жоғарырақ тегістеуді қолданыңыз. Әріптердің ішкі жағы сияқты ұсақ тесіктердің күткендей шыққанын құрылғыңыздың бағдарламасында тексеріңіз.

Осы құралмен орындалатын басқа тапсырмалар