Pulsuz çevirici

SVG-dən PNG-yə Konvertor

Vektor SVG fayllarını yüksək keyfiyyətli Raster PNG şəkillərinə çevirin. Brauzerinizdə asanlıqla çıxış miqyasını və fon rəngini fərdiləşdirin.

SVG-ni buraya sürükləyin və buraxın

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

Və ya

Bu alət haqqında

SVG (Ölçeklenebilir Vektor Qrafikası) şəkilləri keyfiyyətini itirmədən istənilən ölçüdə miqyaslanan həndəsi primitivlər - yollar, formalar, mətn, qradientlər toplusu kimi təsvir edir. PNG sabit bir qətnamə ilə tək düzbucaqlı piksel şəbəkəsini saxlayır. SVG-nin PNG-yə çevrilməsi rasterləşdirmə mərhələsidir: SVG-nin rəsm təlimatları seçilmiş piksel ölçüsündə qiymətləndirilir və nəticədə yaranan bitmap PNG kimi kodlaşdırılır. Çıxış qeyd etdiyiniz ölçüdə xırtıldayan görünür, lakin böyüdükdə pikselləşir.

Bu çevirici brauzerin daxili SVG mühərrikindən istifadə edərək SVG-ni göstərir. SVG Şəkil elementinə yüklənir, seçilmiş çıxış ölçülərində HTML5 kətana çəkilir və canvas.toBlob vasitəsilə PNG kimi ixrac olunur. Brauzer rasterləşdirməni həyata keçirdiyi üçün mürəkkəb SVG xüsusiyyətləri – gradientlər, filtrlər, maskalar, statik çərçivə kimi animasiyalar real veb-səhifədə olduğu kimi təqdim edir.

SVG-dən PNG-yə çevrilmədə ən vacib qərar hədəf ölçüsüdür. SVG rezolyusiyadan müstəqildir, ona görə də faktiki istifadəyə uyğun PNG ölçüsünü seçmək həddən artıq təminatdan (kiçik ölçülü nişanlar üçün böyük fayllar) və az təminatdan (sonra böyüdükdə bulanıq çıxış) qarşısını alır. Ümumi hədəflər: nişanlar üçün 32×32 və ya 64×64, loqolar üçün 256×256 və ya 512×512, qəhrəman qrafikası üçün 1024×1024, torlu qişa keyfiyyətli aktivlər üçün 2048×2048.

Niyə SVG-ni PNG-yə çevirin

SVG veb və müasir dizayn alətləri üçün gözəldir, lakin bir çox digər kontekstlər üçün dəhşətlidir. E-poçt müştəriləri SVG-ni uyğunsuz şəkildə təqdim edir; bəziləri onu təhlükəsizlik riski kimi bloklayır. Köhnə ofis proqramları, müəyyən CMS-lər, üçüncü tərəf xidmətləri və demək olar ki, bütün foto çap boru kəmərləri SVG-ni ümumiyyətlə qəbul etmir. PNG-yə çevirmək, seçilmiş ölçüdə eyni görünən hamı tərəfindən qəbul edilmiş rastr yaradır.

PNG həmçinin alıcının SVG renderindən asılı olmayaraq ofis sənədlərinə, slayd lövhələrinə və PDF sənədlərinə etibarlı şəkildə daxil edilir. Bir çox platformada ardıcıl olaraq görünməli olan loqolar və qrafiklər üçün PNG daha təhlükəsiz seçimdir – baxmayaraq ki, o, ilk növbədə SVG-ni cəlbedici edən qətnamə müstəqilliyini itirir.

Necə istifadə etməli

Hədəf ölçüsünü seçin, göstərin. Brauzer rasterləşdirməni həyata keçirir.

  1. SVG faylını yükləyin: SVG-ni yükləmə sahəsinə çəkin və ya gözdən keçirmək üçün klikləyin. Tipik SVG-lər 1 MB-dan çox olsa da, 50 MB-a qədər fayllar dəstəklənir. Müstəqil SVG-lər ən yaxşı işləyir; Xarici şəkillərə xlink:href vasitəsilə uzaq URL-lərə istinad edən SVG-lər natamam ola bilər.
  2. Çıxış ölçüsünü seçin: Defolt SVG-nin yerli görünüş qutusu ölçüləridir, lakin siz istənilən piksel ölçüsünü ləğv edə bilərsiniz. Həqiqi istifadənizə uyğun ölçü seçin – 32×32 ölçüsündə görünəcək nişanlar üçün 4K PNG-lər istehsal etməkdən çəkinin.
  3. Render: Brauzer SVG-ni təhlil edir, onu tələb olunan ölçülərdə kətan üzərinə çəkir və kətanı PNG kimi ixrac edir. Filtrləri və ya böyük yol sayıları olan mürəkkəb SVG-lər bir an çəkə bilər; sadə nişanlar dərhal göstərilir.
  4. PNG yükləyin: Faylı yadda saxlayın. SVG-də şəffaflıq (çəkilmiş formalardan kənar hər şey) PNG-də alfa kanalı kimi saxlanılır.

Ümumi istifadə halları

Texniki Detallar

SVG (W3C Tövsiyəsi) yollar, əsas formalar (düz, dairə, ellips, xətt, çoxbucaqlı, polixətt), mətn, qradientlər (linearGradient, radialGradient), filtrlər, maskalar və klip yolları üçün elementləri olan XML əsaslı vektor formatıdır. Brauzer XML-i təhlil edir, DOM qurur, CSS tətbiq edir və səhifənin göstərilməsi zamanı nəticəni rasterləşdirir.

Bu çevirici SVG-ni HTMLImageElement-ə yükləyir (bu, brauzerin adi SVG-şəkil kimi göstərmə yolunu işə salır), sonra onu drawImage vasitəsilə kətana çəkir. Kətan canvas.toBlob('image/png') istifadə edərək PNG olaraq ixrac edilir. Çıxışdakı dəqiq piksellər SVG-nin brauzer nişanında eyni ölçüdə göstərəcəyi ilə uyğun gəlir.

Kənar hallarda: XariciObject istifadə edən SVG Şəkil elementi vasitəsilə istifadə edildikdə həmişə dəstəklənmir. Xarici resurslara istinad edən SVG (xlink:href başqa domenə) CORS səbəbiylə yüklənməyə bilər. SMIL animasiyaları və JavaScript-lə idarə olunan animasiyalar yalnız ilkin kadr kimi göstərilir.

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

Tez-tez verilən suallar

PNG formatına çevrildikdə SVG keyfiyyətini itirəcəkmi?
Vektordan-rasterə çevirmə o deməkdir ki, görüntü piksel əsaslı olur və artıq sonsuz ölçüdə ola bilməz. PNG-nin nəzərdə tutulan displey ölçüsündə kəskin görünməsini təmin etmək üçün yüksək qətnamə seçin.
PNG formatı nə üçün istifadə olunur?
PNG (Portable Network Graphics) ilk növbədə şəffaflıq, ekran görüntüləri, loqolar, nişanlar olan qrafiklər üçün istifadə olunur.
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. SVG 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.
Mətn mətn kimi, yoxsa yol kimi göstərilir?
PNG çıxışında mətn piksel olaraq rasterləşdirilir. Çıxış artıq axtarıla və ya seçilə bilməz. SVG-niz brauzerdə mövcud olmayan şriftlərdən istifadə edirsə, mətn ehtiyat fontda göstərilə bilər; zəmanətli görünüş üçün göstərmədən əvvəl mətni SVG-də yollara çevirin.
Mənim SVG serverə yüklənib?
Xeyr. SVG təhlili və göstərilməsi brauzerinizdə baş verir; PNG kodlaması brauzerinizdə baş verir. Fayl cihazınızı tərk etmir.
Niyə mənim çevrilmiş PNGm boşdur?
Ümumi səbəblər: SVG CORS səbəbiylə yüklənə bilməyən xarici şəkillərə istinad edir; SVG Şəkil elementinin göstərilməsi yolu tərəfindən dəstəklənməyən funksiyalardan istifadə edir (foreignObject, müəyyən filtrlər); SVG-nin sıfır ölçülü görünüş qutusu var. Konvertasiya etməzdən əvvəl SVG-ni birbaşa brauzerdə açın.
Skriptdə SVG-ni PNG-yə çevirə bilərəmmi?
Bəli — toplu işlər üçün, kəskin və ya kukladan istifadə edən Node.js quraşdırma brauzerə oxşar sədaqətlə SVG-ni PNG-yə təqdim edir. Bu alət heç bir şey quraşdırmadan brauzerdə birdəfəlik çevrilmələr üçündür.