Görsel Sıkıştırmada Format, Kalite ve Dosya Boyutu Rehberi | GoToolstack
JPEG, WebP ve PNG formatlarının kalite, şeffaflık ve dosya boyutu farkları. Tarayıcı Canvas kodlamasından gerçek ölçümler ve format seçimi rehberi.
PNG, JPG ve WebP logo, ikon ve çizimlerini tarayıcıda gerçek ölçeklenebilir SVG vektör yollarına dönüştürün.
Piksel tabanlı raster formatlar (PNG, JPEG, WebP); çözünürlükleri büyütüldüğünde veya baskıya gönderildiğinde kenarlarda bulanıklaşma, tırtıklanma ve piksellenme (pixelation) sorunu yaşar. Vektörel grafik formatı olan SVG (Scalable Vector Graphics) ise matematiksel eğriler ve koordinat yolları (paths) üzerinden tanımlandığı için sonsuz ölçeklenebilir; cep telefonu ekranından dev şehir panolarına kadar daima kristal netliğinde kalır. Gerçek Raster → SVG Vektörleştirme Stüdyosu; tescilli logoları, ikonları, mühürleri, teknik çizimleri ve illüstrasyonları doğrudan tarayıcınızın içinde, sunucuya hiçbir veri göndermeksizin gerçek SVG yollarına dönüştürür.
Birçok basit araç görseli SVG etiketinin içine <image href="data:image/png;base64..."> hilesiyle gömerek sahte vektör üretir. GoToolstack Vektörleştirici ise VTracer Rust WebAssembly motorunu çalıştırarak pikselleri renk kümelerine ayırır (color clustering), kenar sınırlarını takip eder (contour tracing) ve bunları pürüzsüz kübik Bézier eğrilerine dönüştürerek %100 saf <path> yolları üretir.
Somut Senaryo: Bir kurumsal kimlik tasarımcısı, eski arşivden gelen 400x400 piksel boyutunda düşük çözünürlüklü bir şirket logosu PNG görselini araca yükler. 'Renkli Logo' profilini ve Bézier eğri modunu seçerek 1.5 sadeleştirme toleransıyla çalıştırır. WebAssembly motoru 45 milisaniye içinde arka plandaki şeffaflığı koruyarak 12 adet temiz renkli <path> üretir. Ortaya çıkan 3,8 KB boyutundaki gerçek SVG dosyası Figma ve Illustrator'da doğrudan düzenlenebilir ve her boyutta pürüzsüz ölçeklenir.
Fotogerçekçi Görsel Sınırı: Doğal manzara ve insan fotoğrafları gibi milyonlarca renk geçişi içeren görseller vektörleştirildiğinde on binlerce karmaşık yol üretir ve dosya boyutu raster JPEG/WebP'den çok daha büyük hale gelir. Vektörleştirme işlemi doğası gereği logo, ikon, armalar, imza, mühür ve düz çizimler için tasarlanmıştır.
Vektör Yolu = BézierEğrisi(DouglasPeucker(MarchingSquares(RenkKümeleme(Pikseller))))
Piksel renkleri hiyerarşik olarak kümelenir; kenar döngüleri çıkarılır ve tolerans değerine göre pürüzsüz kübik Bézier eğrilerine uydurulur.
<img> veya raster görsel gömme hilesi uygulanmaz; üretilen dosya Illustrator, Figma veya Inkscape'te düğüm düğüm (node) düzenlenebilir gerçek bir vektördür.