SVG'yi PNG'ye Dönüştürün - Tam İhtiyacınız Olan Boyutta
Bir SVG'nin sabit bir piksel sayısı yoktur. O bir çizim talimatları kümesidir; dolayısıyla bir dönüştürücünün yanıtlaması gereken soru "bu dosyanın içinde ne var" değil, "onu ne kadar büyük istiyorsunuz" sorusudur. Bu araç size o soruyu en başta sorar: bir ölçek seçin ya da tam genişlik ve yüksekliği yazın, ortaya çıkacak piksel boyutunu daha hiçbir şey çizilmeden görün. Çizim, seçtiğiniz boyutta vektörden yeniden üretilir; bu yüzden 4× bir dışa aktarım gerçekten dört kat ayrıntı demektir, büyütülmüş bir kopya değil. Her şey kendi cihazınızda olup biter - dosyayı tarayıcınız okur, bir tuvale çizer ve tek bir bayt bile yüklemeden PNG'ye kodlar.
Bu araç nasıl kullanılır
SVG dosyanızı bırakın
Bir SVG'yi yukarıdaki kutuya sürükleyin ya da tıklayıp seçin. 5 MB'a kadar dosyalar kabul edilir ve aynı anda birkaç tane ekleyebilirsiniz. Adının sonundaki .svg uzantısına güvenmek yerine dosyanın gerçek içeriğini denetleriz; böylece bir HTML sayfası ya da adı değiştirilmiş bir PNG yarı yolda çizilmek yerine geri çevrilir.
Bulduğumuz boyutu denetleyin
Her dosya, içinden okuduğumuz kaynak boyutu gösterir. SVG bir genişlik ve yükseklik tanımlıyorsa onları kullanırız. Yalnızca bir viewBox varsa - Illustrator ve Figma'nın alışıldık çıktısı - viewBox'ı kullanırız, yani tasarımcının gerçekte çizdiği boyutu. Hiçbiri yoksa bunu size söyler ve 512 × 512'ye düşeriz.
Çıktı boyutunu seçin
Ölçek ile Tam boyut arasında geçiş yapın. Ölçek, kaynak boyutu 1×, 2×, 4× ya da yazdığınız herhangi bir sayıyla çarpar. Tam boyut ise genişliği piksel olarak almanızı sağlar; en-boy oranı kilidi yüksekliği sizin için hesaplar. Çizimi bilerek esnetmek istiyorsanız kilidi açın.
Arka plana karar verin
PNG saydamlığı destekler ve biz onu varsayılan olarak koruruz; böylece SVG'nizin hiç boyamadığı alanlar saydam kalır. Bunun yerine çizimi beyaz bir zemine düzleştirmek için kutunun işaretini kaldırın - saydamlığı siyah gösteren bazı eski belge şablonları gibi yerlerde işe yarar.
Dönüştürün ve indirin
PNG'ye Dönüştür düğmesine basın. Her dosya seçtiğiniz boyutta çizilip kodlanır, her biri için ayrı bir ilerleme çubuğuyla. Tek tek indirin ya da birden fazla dönüştürdüyseniz hepsini tek bir ZIP olarak alın.
Sıkça Sorulan Sorular
SVG'de genişlik ve yükseklik yoksa PNG hangi boyutta olur?
viewBox'ı kullanırız. viewBox="0 0 200 50" olan ve genişlik ile yükseklik tanımlamayan bir SVG, 200 × 50 boyutunda bir PNG'ye dönüşür; çünkü yazarının çizdiği koordinat uzayı budur. Tarayıcılar buna katılmaz: birine sorarsanız 300 × 75 der, bu da doğal boyutu olmayan öğeler için kalmış eski bir CSS varsayılanıdır. Biz tarayıcıya sormak yerine dosyayı okuruz.
SVG hiçbir boyut bildirmiyorsa, viewBox bile yoksa ne olur?
O zaman dosyadaki hiçbir şey bir boyut ima etmiyordur; biz 512 × 512 kullanır ve bunu yaptığımızı size açıkça söyleriz. Bu bir başlangıç noktasıdır, niyetinizi tahmin etme çabası değil. Tam boyuta geçip gerçekten istediğiniz ölçüleri yazın; çizim o boyutta yeniden üretileceği için değeri değiştirmekle hiçbir şey yitirilmez.
PNG'mdeki yazı neden SVG'dekinden farklı görünüyor?
Çünkü yazı tipi yüklenmedi. Bir yazı tipini adıyla anan SVG yalnızca ona gönderme yapar; harf biçimleri dosyanın içinde değildir. Tarayıcınız dosyayı çizerken, kurulu olmayan her yazı tipi sessizce farklı genişlikte bir varsayılana düşer ve metin kayar. Dışa aktarmadan önce metni düzenleyicinizde eğriye çevirin, o zaman birebir eşleşir.
Saydamlık korunuyor mu?
Evet, varsayılan olarak. PNG tam bir alfa kanalı taşır; bu yüzden SVG'nizin hiçbir şey boyamadığı yerler beyaza dönmek yerine gerçekten saydam kalır. Yarı saydam dolgular ve yumuşak gölgeler de kısmi matlıklarını korur. Düz bir arka planı yeğliyorsanız saydamlık kutusunun işaretini kaldırın; çizim kodlanmadan önce beyaza düzleştirilir.
SVG içindeki <script> etiketlerine ve uzak görsellere ne olur?
Asla çalışmaz ve asla yüklenmezler. SVG; JavaScript, uzak görsel referansları ve uzak yazı tipleri içerebilir, bu yüzden kaynağı bilinmeyen bir SVG'ye temkinli yaklaşmakta yarar vardır. Her dosyayı tarar ve bulduğumuz bu tür her şeyi listeleriz; kullandığımız çizim yöntemi de hepsini baştan engeller - hiçbir betik çalışmaz, cihazınızdan hiçbir istek çıkmaz.
2× dışa aktarmak, PNG'yi sonradan büyütmekten neden daha iyi?
Çünkü çizim yeniden üretilir, yeniden örneklenmez. Buradaki ölçeği iki katına çıkarmak her eğriyi daha yüksek çözünürlükte yeniden çizer; kenarlar matematiksel olarak keskin kalır. Bitmiş bir PNG'yi büyütmek ise yalnızca var olan pikseller arasında ara değer üretebilir ve her kenarı yumuşatır. Vektörden başlamanın tüm avantajı budur.
Ne kadar büyük çizebileceğime dair bir sınır var mı?
Evet - 32 megapiksel ve bir kenarda en fazla 16.384 piksel. Bu kabaca 5600 × 5600 eder, çoğu çizim için baskı çözünürlüğünün rahatça ötesindedir. Bu tavan var, çünkü bir tuval fazla büyüdüğünde tarayıcılar hata vermek yerine sessizce boş bir görsel döndürür ve sessizce boş bir indirme, açık bir redden daha kötüdür. Girdi dosyaları 5 MB ile sınırlıdır.
SVG'yi dönüştürmek yerine ne zaman olduğu gibi bırakmalıyım?
Hedef bir web sayfasıysa her zaman. SVG bir logo her ekranda ve her yakınlaştırma düzeyinde keskin kalır, genellikle PNG'den daha az yer kaplar ve CSS ile yeniden renklendirilebilir. Hedef SVG okuyamıyorsa PNG'ye dönüştürün: e-posta istemcileri, bazı pazar yeri ve baskı portalları, eski masaüstü yazılımları ve uygulama simgesi hatları.
Dosyalarım bir yere yükleniyor mu?
Hayır. Dönüştürme tümüyle tarayıcınızda, herhangi bir web sayfasında SVG çizen aynı motorla yürür. Dosyanız hiçbir sunucuya gönderilmez, hiç saklanmaz ve bizim tarafımızdan hiç görülmez. Bu aynı zamanda sıra beklemek diye bir şeyin olmadığı anlamına gelir - tek sınır kendi cihazınızın hızıdır.
Şunlara da ihtiyacınız olabilir
Bir şey çalışmıyor mu? Hata bildir