Asosiy qismga oʻtish

PNG ni SVG ga oʻtkazish

PNG yoki JPG rasmni logotip va illyustratsiyalar uchun andozalar bilan masshtablanadigan SVG vektorga aylantiring; vektorlashtirish brauzeringizda bajariladi.

Vektorlashtirish uchun rasmni shu yerga tashlangPNG, JPG, WebP… logotip va oddiy grafikalar eng yaxshi chiqadi
Rasmni tanlangQurilmangizda qayta ishlanadi — hech qayerga yuklanmaydi
Brauzeringizda ishlaydi · yuklanmaydiQanday ishlaydi

PNG dan SVG ga: foydalanish tartibi

  1. 1

    Bitta rasmni tashlang

    25 MB gacha boʻlgan PNG, JPG, WebP yoki boshqa rasm qoʻshing. Logotip, ikonka, imzo va tekis illyustratsiyalar eng yaxshi vektorlashadi.

  2. 2

    Uslubni tanlang

    “Oq-qora” yorugʻlik chegarasi boʻyicha bir rangli shakllar yasaydi; “Rang” 32 tagacha, “Batafsil” esa 64 tagacha rang ishlatadi.

  3. 3

    Konturlarni tozalang

    Egri chiziqlarni yumaloqroq qilish uchun Silliqlashni oshiring, mayda dogʻlarni Shovqin filtri bilan olib tashlang, fonni olib tashlashni yoqing yoki oʻchiring.

  4. 4

    SVG ni saqlang

    Natijani asl rasm bilan solishtiring, keyin nom.svg ni yuklab oling yoki SVG kodini loyihangizga nusxalang.

Cheklovlar va Pro

Bir vaqtda 25 MB gacha bitta rasm, uzun tomoni 2 000 px gacha va 64 tagacha rang bilan vektorlashtiriladi.

Pro 4 GB gacha boʻlgan manba rasmlarni qabul qiladi. Pro tarifini koʻrish

PNG dan SVG ga haqida

PNG dan SVG ga oʻtkazish pikselli rasmdagi chiziqlarni kuzatib chiqadi va ularni vektor konturlar sifatida qayta quradi, shuning uchun natijani reklama banneri yoki favicon oʻlchamiga piksellar koʻrinmasdan kattalashtirish mumkin. Avval rasm median-cut kvantlash bilan palitraga, “Oq-qora” rejimda esa bitta shakl rangiga keltiriladi, soʻng har bir rang hududi imagetracerjs dvigateli bilan konturlanadi. SVG da har bir rang qatlami uchun bitta path elementi boʻladi, asl rasmning kengligi va balandligi saqlanadi, logotipni shaffof qilish uchun fon qatlamini olib tashlash mumkin.

Uchta aniqlik tezlik va tafsilot orasida tanlov beradi: “Tez” uzun tomoni 800 pikselli, “Oʻrtacha” 1 200 pikselli, “Yuqori” esa 2 000 pikselli nusxa bilan ishlaydi. Silliqlash har bir piksel pogʻonasini kuzatadigan “Aniq”dan burchaklarni kuchli yumaloqlaydigan “Maks.” gacha boradi; Shovqin filtri 40 pikselgacha boʻlgan orolchalarni oʻchiradi. Namuna ostidagi statistika fayldagi konturlar va ranglar sonini koʻrsatadi — bu uning qanchalik ogʻir boʻlishini yaxshi bildiradi.

Mos nomzodlar: faqat PNG koʻrinishida qolgan firma logotipi, skanerlangan imzo yoki muhr, vinil plotter yoki lazer gravyor uchun kesish fayli, oddiy ikonkalar. Fotosuratlar yaxshi chiqmaydi: ular plakatga oʻxshab qoladi, batafsil surat esa JPG dan kattaroq va sekinroq, bir necha megabaytli SVG berishi mumkin. Gradiyentlar koʻzga tashlanadigan chiziqlarga aylanadi, matn tahrirlanadigan harf emas, shakl boʻlib qoladi, juda ingichka chiziqlar past aniqlikda uzilib ketishi mumkin.

Maxfiylik

Vektorlashtirish shu varaqdagi alohida Web Worker ichida bajariladi: rasm qurilmangizda ochiladi, imagetracerjs bilan kvantlanib konturlanadi, SVG ham shu yerda yigʻiladi. Vektorlashtirish kodi saytdan faqat rasm tanlaganingizdan keyin olinadi. Sahifani yopganingizdan keyin na rasm, na SVG hech qayerga yuklanmaydi va saqlanmaydi.

Imkoniyatlar

Toza vektor konturlar

Har bir rang qatlami uchun bitta ixcham kontur, piksellarsiz istalgan oʻlchamga kattalashadi.

Uchta uslub

Logotip va imzolar uchun “Oq-qora”, tekis grafika uchun “Rang”, boy illyustratsiyalar uchun “Batafsil”.

Silliqlash va shovqin filtri

Yuklab olishdan oldin notekis pogʻonalarni yumaloqlang va mayda dogʻlarni olib tashlang.

Kodni nusxalang

SVG kodini toʻgʻridan-toʻgʻri HTML, CSS yoki dizayn dasturiga joylashtiring.

PNG dan SVG ga: koʻp beriladigan savollar

Qanday rasmlar SVG ga eng yaxshi oʻtadi?
Chetlari aniq va ranglari kam boʻlgan rasmlar: logotiplar, ikonkalar, chiziqli rasmlar, imzolar, muhrlar, tekis illyustratsiya va oddiy diagrammalar, kengligi kamida 500 piksel boʻlsa yaxshi. Bir rangli ish uchun “Oq-qora”dan, tekis grafika uchun 4–8 rangli “Rang”dan boshlang. Fotosurat va yumshoq gradiyentlar minglab mayda shakl beradi, ular uchun asl JPG yoki PNG odatda yaxshiroq fayl.
Shaffof fonli SVG logotipni qanday olaman?
“Fonni olib tashlash”ni yoqilgan holda qoldiring — “Oq-qora” rejimda u odatda yoqiq. Rasm chetlari boʻylab eng koʻp uchraydigan rang fon deb hisoblanadi va tashlab ketiladi, faqat logotip shakllari qoladi. “Oq-qora” rejimda toʻq fondagi och logotip uchun “Teskari”ni yoqing va kerakli Shakl rangini tanlang. Yuklab olishdan oldin namunani shaxmat fonida tekshiring.
Nega SVG chetlari gʻadir-budur yoki dogʻli chiqdi?
Vektorlashtirish koʻrgan piksellariga ergashadi, shuning uchun xira, kichik yoki qattiq siqilgan manbalar notekis chiziq va ortiqcha dogʻlar beradi. Aniqlikni “Yuqori”ga oʻtkazing, egri chiziqlar yumaloqroq boʻlishi uchun Silliqlashni “Yuqori” yoki “Maks.” ga koʻtaring, dogʻlarni yoʻqotish uchun Shovqin filtrini 10–20 pikselga qoʻying. Kattaroq va toza manba rasm natijani har qanday sozlamadan koʻproq yaxshilaydi.
Natija haqiqiy vektor fayl boʻladimi?
Ha. Yuklab olinadigan fayl rangli path elementlaridan iborat standart SVG, ichida bitmap rasm yoʻq, shuning uchun u piksellarsiz istalgan oʻlchamga kattalashadi va Illustrator, Inkscape, Figma, Affinity hamda barcha brauzerlarda ochiladi. U yerda qatlamlarni qayta boʻyash, shakllarni oʻchirish yoki tugunlarni soddalashtirish mumkin. Asl rasmdagi matn konturli shaklga aylanadi, uni harf sifatida tahrirlab boʻlmaydi.
SVG ni Cricut, plotter yoki lazer stanok uchun ishlatsa boʻladimi?
Odatda ha. “Fonni olib tashlash” yoqilgan “Oq-qora” rejim fon toʻrtburchagisiz toʻldirilgan shakllar beradi, kesish va gravyura dasturlari ularni toʻgʻridan-toʻgʻri import qiladi. Ajratib boʻlmaydigan mayda boʻlaklarni Shovqin filtri bilan olib tashlang, toza egri chiziqlar uchun silliqlashni oshiring. Harflar ichidagi teshiklar kabi mayda joylar kutganingizdek chiqqanini stanok dasturida tekshirib koʻring.

Bu vosita bilan boshqa ishlar

Barcha rasm vositalari