Pulsuz çevirici

PNG-dən SVG vektorlaşdırıcı

Raster PNG/JPG şəkillərini genişlənə bilən Vektor SVG qrafikasına çevirin. Təhlükəsiz, sürətli və tamamilə brauzerinizdə işlənmişdir.

PNG/JPG-ni bura sürükləyin və buraxın

50MB-a qədər dəstəkləyir

Və ya

Bu alət haqqında

PNG-ni SVG-yə çevirmək format dəyişikliyi deyil, əsasən izləmə əməliyyatıdır. PNG pikselləri saxlayır; SVG həndəsi primitivləri saxlayır. Piksel şəbəkəsindən miqyaslana bilən vektor yollarına keçmək üçün bitmapın təfsiri və oxşar rəngli bölgələr ətrafında təxmini formaların çəkilməsi tələb olunur. Nəticə həqiqətən genişlənə bilər – siz pikselləşmədən sərbəst şəkildə ölçüsünü dəyişə bilərsiniz – lakin bu, mənbənin mükəmməl reproduksiyası deyil. Fotoqrafiya məzmunu zəif izlənir, çünki hər piksel səviyyəli rəng dəyişikliyi bir forma çevrilir və məqsədi məğlub edən nəhəng SVG-lər yaradır. Loqolar, nişanlar, xətt sənəti və yüksək kontrastlı qrafika təmiz şəkildə izlənir, çünki onların yaxşı müəyyən edilmiş sərhədləri olan az sayda rəng bölgəsi var.

Bu çevirici potrace-ə bənzər vektor izləmə alqoritmlərinin JavaScript portu olan imagetracerjs kitabxanasından istifadə edir. PNG RGBA bitmapına deşifr edilir, bitmap konfiqurasiya edilə bilən palitradan istifadə edərək rəng bölgələrinə bölünür, hər bir bölgənin sərhədi bir yola çəkilir, Bezier yaxınlaşması ilə yollar sadələşdirilir və nəticədə yollar SVG yol elementləri kimi buraxılır. Bütün boru kəməri heç bir server yükləmədən brauzerinizdə işləyir.

İzləmə parametrləri sədaqət və fayl ölçüsü arasında uzlaşmaya nəzarət edir. Daha çox rəng və daha incə detal mənbəyə daha çox uyğun gələn daha böyük SVG yaradır; daha az rəng və daha qaba izləmə daha stilizə edilmiş hiss ilə daha kiçik SVG yaradır. Standartlar loqotiplər və nişanlar üçün tənzimlənir; mürəkkəb şəkillər düzəldilmiş parametrlərlə izləmə keçidindən faydalana bilər və ya sadəcə vektorlaşdırma üçün yaxşı namizəd olmaya bilər.

Niyə PNG-ni SVG-yə çevirin

PNG-nin vektorlaşdırılması, təsviri orijinal qətnaməsindən kənara çıxarmaq lazım olduqda ən faydalıdır. Xüsusilə loqolar çox vaxt təvazökar ölçüdə PNG şəklində gəlir və reklam lövhələrində, retina displeylərində və geniş formatlı çaplarda xırtıldayan görünməlidir. Vektor izi keyfiyyət itkisi olmadan miqyas alan SVG yaradır; Mübadilə orijinal piksellərə uyğunluqdur.

SVG də az rəngli və böyük düz bölgələri olan qrafiklər üçün PNG-dən əhəmiyyətli dərəcədə daha yığcamdır. 256×256 ölçülü PNG simvolu 8 KB ola bilər; iki və ya üç rəngli ekvivalent SVG çox vaxt 1 KB-dən aşağı olur. Veb cəbhəsinə çatdırılan UI ikon kitabxanaları üçün vektor versiyaları paketin ölçüsünü azaldır və bütün displey sıxlıqlarında kəskinliyi yaxşılaşdırır.

Necə istifadə etməli

PNG buraxın, izləmə parametrlərini seçin, SVG yaradın.

  1. PNG-nizi yükləyin: Faylı yükləmə sahəsinə sürükləyin və ya gözdən keçirmək üçün klikləyin. Ən yaxşı nəticələr iti kənarları və az sayda fərqli rəngləri olan PNG-lərdən əldə edilir - loqolar, nişanlar, xətt sənəti, sadə təsvirlər. Fotoşəkillər zəif izlənir və böyük SVG-lər yaradır.
  2. Lazım gələrsə, izləmə seçimlərini tənzimləyin: Rəng sayı çıxışda neçə fərqli rəngin göründüyünə nəzarət edir. Yolun sadələşdirilməsi (həmçinin ltres və ya qtres adlanır) alqoritmin küncləri nə qədər aqressiv hamarlaşdırdığına nəzarət edir. Daha yüksək dəqiqlik SVG-ləri mənbəyə daha yaxın, lakin daha çox yol məlumatı ilə istehsal edir.
  3. İzləyin və önizləyin: imagetracerjs alqoritmi rəng kvantlaşdırması, kənarın aşkarlanması, konturun izlənməsi və Bezier uyğunlaşdırılmasından keçir. Şəkil ölçüsü və rənglərin sayı ilə izləmə vaxtı miqyası. 4 rəngdən ibarət 256×256 ölçülü loqo bir saniyənin altında izlər; 16 rəngdən ibarət 1024×1024 şəkil bir neçə saniyə çəkə bilər.
  4. SVG-ni yükləyin: SVG-ni cihazınızda saxlayın. Faylda yol elementləri ilə XML işarələməsi var; nəticəni yoxlamaq və ya əl ilə tənzimləmək üçün onu istənilən mətn redaktorunda aça bilərsiniz.

Ümumi istifadə halları

Texniki Detallar

imagetracerjs çoxmərhələli boru xəttini həyata keçirir: rəngin kvantlaşdırılması k-vasitələrinin klasterləşdirilməsi və ya median kəsilməsindən istifadə edərək bitmapı sabit rəng sayına qədər azaldır; kənar aşkarlanması regionlar arasında piksel sərhədlərini müəyyən edir; kontur izləmə qapalı çoxbucaqlılar yaratmaq üçün sərhədləri izləyir; xətt və əyri uyğunluğu yol məlumatlarını azaltmaq üçün Bezier əyriləri ilə çoxbucaqlıları təxmin edir.

Ən vacib olan alqoritm parametrləri rənglərin sayı (tipik: 4-32), patomit (bundan daha qısa yollar səs-küy kimi atılır), ltr (xətt tolerantlığı - yeni seqmentə bölünməzdən əvvəl kənarın nə qədər kənara çıxa biləcəyi) və qtres (kvadrat əyri tolerantlığı - əyrilərin necə aqressiv şəkildə düzəldilməsi). Standartlar loqolar üçün yaxşı işləyir; mürəkkəb təsvirlər hər görüntünün tənzimlənməsindən faydalanır.

Çıxış yol elementləri ilə standart SVG 1.1-dir. Hər bir rəng bölgəsi doldurma atributuna malik bir yola çevrilir. Nəticədə fayl istənilən brauzerdə, vektor redaktorunda və ya SVG-dən xəbərdar dizayn alətində açılır. Fayl ölçüsü ilk növbədə yolun sayından və node sıxlığından asılıdır; tipik izlənilən loqo 1-10 KB-dır.

Ən yaxşı təcrübələr

Tez-tez verilən suallar

SVG çıxışı əsl vektor faylı olacaqmı?
Alət vektor yolları yaratmaq üçün rastr təsvirini izləyir. Nəticələr sadə qrafika, loqolar və xətt sənəti ilə yaxşı işləyir. Fotoşəkillər mürəkkəb yollar yaradacaq və gözlənildiyi kimi görünməyə bilər.
SVG digər şəkil formatlarından nə ilə fərqlənir?
SVG vektor formatıdır — şəkillər piksel deyil, riyazi formalar kimi təsvir edilir. Bu o deməkdir ki, SVG faylları keyfiyyətini itirmədən istənilən ölçüdə ölçülür və onlar adətən loqo və nişanlar kimi qrafiklər üçün rastr şəkillərdən xeyli kiçikdirlər.
Xəbərdar olmaq üçün hər hansı məhdudiyyətlər varmı?
50 MB-a qədər fayllar dəstəklənir. Çox böyük və ya mürəkkəb faylların işlənməsi daha uzun çəkə bilər. Bütün çevrilmə brauzerinizdə baş verir, ona görə də emal sürəti cihazınızdan asılıdır.
Şəkillərim çevrilmə zamanı gizli saxlanılır?
Bəli. PNG fayllarınız Canvas API və JavaScript istifadə edərək tamamilə brauzerinizin daxilində emal edilir. Heç bir serverə heç nə yüklənmir - fayl birbaşa cihazınızdan çeviriciyə və yenidən cihazınıza keçir.
İz Illustrator və ya Inkscape-də redaktə edilə bilərmi?
Bəli. Çıxış yol elementləri ilə standart SVG-dir. Həm Illustrator, həm də Inkscape onu yerli olaraq açır və sizə yolları redaktə etməyə, rəngləri dəyişməyə və nəticəni dəqiqləşdirməyə imkan verir.
PNG faylım serverə yüklənib?
Xeyr. İzləmə imagetracerjs istifadə edərək brauzerinizdə baş verir. Fayl cihazınızı tərk etmir.
SVG faylım niyə böyükdür?
Adətən ona görə ki, mənbə şəkli həddən artıq çox rəngə və ya çox incə detala malikdir. Rəng sayını azaltmağa, yolun sadələşdirilməsini artırmağa və ya daha təmiz həndəsə ilə fərqli mənbə təsvirindən istifadə etməyə çalışın.
PNG-ni şəffaflıqla izləyə bilərəmmi?
Bəli. Şəffaf piksellər SVG-də yolları olmayan sahələrə çevrilir. SVG istənilən fon rəngində göstərildikdə şəffaf fon qorunur.