Web görselleri söz konusu olduğunda, PNG şeffaflık desteği ve geniş uyumluluğu nedeniyle tercih edilen bir formattır. Öte yandan, SVG ölçeklenebilirliği nedeniyle favori bir formattır ve logolar, simgeler ve diğer vektör tabanlı grafikler için idealdir. SVG’nin birçok avantajına rağmen, özellikle farklı platformlar ve cihazlar arasında uyumluluğu sağlamak için SVG’leri PNG’lere dönüştürmenin gerekli olduğu zamanlar vardır. Bu blog yazısında, Node.js kullanarak SVG grafiklerini PNG formatına dönüştürme sürecinde size rehberlik edeceğiz.
Görüntüleri Dönüştürmek İçin Node.js API’si
GroupDocs, geliştiricilerin görüntü biçimlerini dönüştürmelerini ve dönüştürme işlemi sırasında ortaya çıkan görüntüleri düzenlemelerini sağlayan güçlü bir Conversion API sunar. API, çok çeşitli gelişmiş seçenekleri destekler ve bu da onu Node.js’de SVG’yi PNG’ye dönüştürmek için harika bir seçim haline getirir. Bu görev için GroupDocs.Conversion for Node.js kullanacağız.
Başlamak için, projenizde aşağıdaki komutu çalıştırarak GroupDocs.Conversion for Node.js’ı yükleyebilirsiniz:
npm i @groupdocs/groupdocs.conversion
Daha fazla ayrıntı için dokümantasyon ve API Referansı’nı ziyaret edin.
Node.js kullanarak SVG’yi PNG Görüntüsüne Dönüştürme
Varsayılan ayarları kullanarak SVG vektör grafiklerini PNG formatına dönüştürerek başlayalım. Aşağıdaki adımlar, Node.js kullanarak bir SVG görüntüsünün PNG’ye nasıl dönüştürüleceğini ana hatlarıyla açıklamaktadır.
- SVG dosyasını Converter sınıfını kullanarak yükleyin.
- Dönüştürme seçeneklerini ayarlayın.
- Çıktı formatını PNG olarak belirtin.
- Hazırlanan seçeneklerle convert() metodunu çağırın.
İşte SVG’yi PNG’ye dönüştüren Node.js kodu:
// Varsayılan seçeneklerle Node.js Conversion API'sini kullanarak SVG dosyasını PNG formatına dönüştürün
const converter = new groupdocs.conversion.Converter("path/vector-graphic.svg")
const convertOptions = new groupdocs.conversion.ImageConvertOptions()
convertOptions.setFormat(groupdocs.conversion.ImageFileType.Png)
converter.convert("path/converted-svg-to-png.png", convertOptions)
Node.js ile Gelişmiş SVG’den PNG’ye Dönüşüm
GroupDocs.Conversion for Node.js, dönüştürme işlemi sırasında PNG çıktısına uygulayabileceğiniz çeşitli özelleştirme seçenekleri sunar. Bu seçenekler şunları içerir:
- Parlaklık ayarı
- Kontrast ayarı
- Gamma düzeltmesi
- Gri tonlamalı dönüşüm
- Yatay veya dikey çevirme
- Dönme açıları
- Özel resim boyutları (yükseklik ve genişlik)
- Filigran ekleme
Node.js’de SVG’yi PNG’ye dönüştürme sırasında bu gelişmiş seçenekleri nasıl uygulayabileceğinize bir bakalım.
- SVG dosyasını Converter sınıfını kullanarak yükleyin.
- Görüntü dönüştürme seçeneklerini ayarlayın.
- Çıktı formatını PNG olarak belirtin.
- Parlaklık, döndürme veya diğer mevcut özelleştirmeleri tanımlayın.
- PNG’yi oluşturmak için convert() metodunu çağırın.
İşte bu gelişmiş seçeneklerden bazılarını uygulayan Node.js kodu:
// Çeşitli özelleştirmeleri kullanarak Node.js ile SVG vektörünü PNG formatına dönüştürün
const converter = new groupdocs.conversion.Converter("path/vector-graphic.svg")
const convertOptions = new groupdocs.conversion.ImageConvertOptions();
convertOptions.setFormat(groupdocs.conversion.ImageFileType.Png);
convertOptions.setFlipMode(groupdocs.conversion.ImageFlipModes.FlipY);
convertOptions.setBrightness(50);
convertOptions.setContrast(50);
convertOptions.setGamma(0.5);
convertOptions.setGrayscale(true);
convertOptions.setHorizontalResolution(300);
convertOptions.setVerticalResolution(100);
convertOptions.setPageNumber(1);
convertOptions.setPagesCount(2);
converter.convert("path/converted-svg-to-png.png", convertOptions)
SVG’yi PNG’ye Dönüştürmeyi ÜCRETSİZ Çevrimiçi Deneyin
SVG dosyalarını PNG’ye dönüştürmek için hızlı ve kolay bir çözüme mi ihtiyacınız var? Bu ücretsiz çevrimiçi SVG’den PNG’ye dönüştürücüyü kullanın. Web tarayıcısı olan herhangi bir cihazdan erişilebilir, bu da onu kullanışlı ve zahmetsiz hale getirir.
Ücretsiz API Lisansı Alın
GroupDocs.Conversion için ücretsiz geçici lisans edinebilir ve bu sayede değerlendirme sınırlamaları olmadan API’yi kullanabilirsiniz.
Çözüm
Bu gönderide, Node.js kullanarak SVG vektör grafiklerini PNG görüntülerine nasıl dönüştürebileceğinizi GroupDocs.Conversion for Node.js ile inceledik. Ayrıca, döndürme, gri tonlama, filigranlama, parlaklık ayarlamaları ve daha fazlası gibi özelleştirmeleri uygulayarak dönüştürme sürecini nasıl geliştirebileceğinizi de gösterdik. Bu gelişmiş özellikler, PNG çıktısını tam gereksinimlerinize göre uyarlamanıza olanak tanır.
Daha fazla örnek için, kendi SVG’den PNG’ye dönüştürücünüzü oluşturmanıza yardımcı olacak çeşitli kod örnekleri bulabileceğiniz GroupDocs GitHub deposuna göz atın. Herhangi bir sorunuz varsa, forum aracılığıyla bize ulaşmaktan çekinmeyin.