PDF'den Vektörel SVG'ye Dönüşüm: Kapsamlı Rehber

PDF'nin SVG'ye dönüştürülmesi, statik bir belgeyi web ve düzenleme için uygun, ölçeklenebilir vektörel grafiklere dönüştürmenizi sağlar. Kilit nokta: Yüksek kaliteli sonuç yalnızca kaynak PDF vektörel nesneler (metin, eğriler, şekiller) içeriyorsa mümkündür. PDF taranmış görüntülerden oluşuyorsa, dönüştürme işlemi vektörün avantajları olmadan sadece bir SVG kabuğu içindeki bir görüntüyü verecektir.

Temiz kod elde etmek için, formatlar arasında kötü aktarılan karmaşık şeffaflık efektlerinden kaçınarak masaüstü editörleri (Inkscape, Adobe Illustrator) veya özel komut satırı yardımcı programlarını kullanın.

Dönüştürmenin ne zaman mantıklı olduğu

PDF, hem vektörel hem de bitmap bilgilerini depolayabilen bir konteyner formatıdır. SVG (Scalable Vector Graphics), XML tabanlı tamamen vektörel bir formattır.

Dönüştürme şu durumlarda mantıklıdır:

• Bir logoyu, şemayı veya PDF'deki bir illüstrasyonu, herhangi bir yakınlaştırmada netliği koruyarak web sitenize yerleştirmeniz gerekiyorsa.
• Bir grafik editöründe bir öğenin renklerini, şekillerini veya metnini değiştirmeniz gerekiyorsa.
• Web kullanımı için dosya boyutunu azaltmanız gerekiyorsa (ağır PNG/JPG'lere kıyasla).

Amacınız sadece belgeyi görüntülemekse, dönüştürmeye gerek yoktur. PDF kağıt taramasından oluşturulduysa, basit bir dönüştürme yerine önce vektörleştirme (iz sürme) gerekir.

Formatın temel sınırlamaları

Çalışmaya başlamadan önce, format mimarilerindeki farklılıklar nedeniyle "birebir" mükemmel bir dönüşümün genellikle gerçekleşmediğini anlamak önemlidir.

1. Bitmap eklemeler

PDF'ye fotoğraflar veya taramalar eklendiyse, bunlar SVG'de bitmap görüntüler olarak kalır (genellikle Base64 formatında veya bağlantılar halinde). Bu, dosya boyutunu büyük ölçüde artırır ve bu bölümler için vektör kullanımının anlamını ortadan kaldırır.

2. Yazı tipleri ve metin

• Metin blokları: Yalnızca yazı tipi tarayıcı tarafından destekleniyorsa veya SVG'ye gömülüyse, düzenlenebilir metin <text> olarak korunabilir.
• Eğriler: Metin sıklıkla konturlara (paths) dönüştürülür. Bu, görsel benzerliği garanti eder ancak metni arama motorları için okunamaz hale getirir ve kopyalanmasını engeller.

3. Şeffaflık ve efektler

PDF, karmaşık karıştırma modlarını (blend modes), gölgeleri ve efektleri destekler; SVG bunları farklı şekilde çoğaltır veya hiç çoğaltmaz. Dönüştürme sırasında bu tür öğeler "dağılabilir" veya farklı görünebilir.

Dönüştürme yöntemleri: Basitten profesyonele

Araç seçimi, düzenin karmaşıklığına ve becerilerinize bağlıdır.

Inkscape ve Illustrator için adım adım talimatlar

Masaüstü editörleri, içe aktarma ve dışa aktarma sürecini kontrol etmenize olanak tanıdığından en iyi sonucu verir.

Seçenek 1: Inkscape (ücretsiz)

1. İçe Aktarma: Inkscape'i açın, Dosya → Aç seçeneğine tıklayın ve PDF'yi seçin.
2. İçe aktarma ayarları: Bir iletişim kutusu açılacaktır.
   • İçe aktarılacak sayfayı seçin (birden fazla sayfa varsa).
   • "Yazı Tipleri" bölümünde, düzenlenebilirlikten ziyade doğruluk önemliyse "Eksik yazı tiplerini değiştir" veya "Metni eğrilere dönüştür" seçeneğini belirleyin.
3. Kontrol: Belgeyi inceleyin. Gereksiz katmanları veya gizli nesneleri silin.
4. Dışa Aktarma: Dosya → Farklı Kaydet seçeneğine tıklayın → "Optimized SVG" (Optimize Edilmiş SVG) veya normal SVG türünü seçin.
   • İpucu: Editörün gereksiz meta verilerini hemen kaldırmak için "Optimized SVG" kullanın.

Seçenek 2: Adobe Illustrator

1. Açma: PDF'yi Illustrator'da açın. Program hangi sayfaların içe aktarılacağını soracaktır.
2. İşleme: Karmaşık gradyanlar veya maskeler varsa, görünümlerini kontrol edin. Illustrator, PDF'nin yerel özelliklerini koruma konusunda diğerlerinden daha iyidir.
3. Dışa Aktarma:
   • Dosya → Dışa Aktar → Farklı Dışa Aktar... → SVG'yi seçin.
   • Dışa aktarma ayarlarında "SVG 1.1" profilini seçin.
   • Yazı tipleri: Görüntülemenin güvenilirliği için "Konturlara dönüştür" veya metin erişilebilirliği gerekiyorsa "Göm" seçeneğini belirleyin.
   • Görüntüler: Dosyanın kendi kendine yeterli olması için "Göm" (Embed) seçeneğini belirleyin.

Sürecin otomasyonu

Onlarca dosyayı toplu olarak işlemek için komut satırı yardımcı programlarını kullanın. Bu daha hızlıdır ve insan hatasını ortadan kaldırır.

pdf2svg yardımcı programı

Linux ortamında popüler bir araçtır (WSL veya portlar aracılığıyla macOS ve Windows için de mevcuttur).

# input.pdf'nin ilk sayfasını output.svg'ye dönüştürme
pdf2svg input.pdf output.svg 1

# Tüm sayfaları dönüştürme (bash döngüsü)
for i in {1..10}; do pdf2svg input.pdf page_$i.svg $i; done

Poppler (pdftocairo)

Poppler paketindeki pdftocairo aracı, basit grafikler için genellikle daha temiz bir sonuç verir.

pdftocairo -svg input.pdf output.svg

Elde edilen SVG'nin optimizasyonu

Dönüştürmeden sonraki SVG dosyaları sıklıkla gereksiz kod içerir. Web sitesinde kullanmadan önce optimizasyon yapın:

1. Meta verilerin kaldırılması: JS animasyonları için gerekli değilse yorumları, editör verilerini (Inkscape/Illustrator katman ID'leri) kaldırın.
2. Sayıların kısaltılması: Yol koordinatlarını virgülden sonra 2–3 basamağa yuvarlayın.
3. Minifikasyon: SVGO gibi araçları veya çevrimiçi hizmetleri (SVGOMG) kullanın.

Bu, kalite kaybı olmadan dosya boyutunu %30–50 oranında azaltabilir.

Sık yapılan hatalar

• Renk profilini göz ardı etmek: PDF CMYK kullanabilir, SVG ise yalnızca RGB ile çalışır. Dönüştürme sırasında renkler soluklaşabilir veya değişebilir. Dışa aktarmadan sonra renkleri her zaman RGB alanında kontrol edin.
• Taramaları dönüştürmeye çalışmak: PDF bir belge fotoğrafıysa, dönüştürücü gömülü JPG içeren devasa bir SVG oluşturur. Sonuç orijinalinden daha ağır olacak ve ölçeklenmeyecektir. Bu durumlar için iz sürme (Illustrator'da Image Trace veya Potrace) gerekir.
• Kontrol edilmemiş yazı tipleri: Metin metin olarak kaldıysa ve yazı tipi standart değilse (Arial/Times değil), bu yazı tipine sahip olmayan kullanıcıda düzen "kayacaktır". Küçük metinleri eğrilere dönüştürmek daha güvenlidir.

SSS

Çok sayfalı bir PDF'yi tek bir SVG'ye dönüştürebilir miyim? SVG standardı çok sayfalılığı yerel olarak desteklemez. Genellikle her sayfa ayrı bir SVG dosyasına dönüştürülür. Alternatif olarak SVG sembolleri veya sprite'lar kullanabilirsiniz, ancak bu manuel derleme veya betikler gerektirir.

Neden SVG, PDF'den daha ağır? PDF etkili sıkıştırma algoritmaları ve ikili format kullanır. SVG metinsel bir XML'dir. Belgede çok sayıda karmaşık eğri veya gömülü bitmap görüntü varsa, metinsel temsil daha hacimli olacaktır. Optimizasyon (minifikasyon) yardımcı olur ancak sorunu her zaman tamamen çözmez.

PDF'deki etkileşimi (bağlantıları) nasıl korurum? Tüm dönüştürücüler hiper bağlantıları aktarmaz. Adobe Illustrator ve Inkscape, bağlantılar sadece çizilmek yerine bağlantı nesneleri olarak oluşturulduysa genellikle bağlantıları korur. Dönüştürmeden sonra SVG kodunda <a> etiketlerinin varlığını kontrol edin.

Çizgiler neden çok kalın veya çok ince oldu? Ölçeklendirme sırasında, vector-effect="non-scaling-stroke" öznitelikleri ayarlanmamışsa SVG kenarlık kalınlığı (stroke) öngörülemeyen şekilde davranabilir. Editördeki dışa aktarma ayarlarını kontrol edin veya CSS stillerini manuel olarak düzeltin.