Görsel Formatları: WebP, PNG, JPG ve SVG Karşılaştırması
Yanlış görsel formatını seçmek sayfa yükleme sürelerini artırabilir veya grafiklerinizi bulanıklaştırabilir. Modern web formatlarının sıkıştırma, şeffaflık ve keskinlik açısından nasıl karşılaştırıldığını burada bulabilirsiniz.
Dosyaların WebAssembly ve HTML5 API'leri kullanılarak doğrudan tarayıcında işlenir. Cihazından asla ayrılmaz; bu nedenle sunucuya dosya yüklenmez ve üçüncü taraflarda dosya saklanmaz.
Kendi cihazında hemen dönüştürmeye başla - yükleme bekleme, indirme kuyruğu veya uzak sunucu kaynaklı hız kısıtlaması yok.
Hesap açmadan, bir plan için ödeme yapmadan veya yapay dosya boyutu sınırına takılmadan mevcut tüm araçları kullan. Tarayıcının ve cihazının kaldırabildiği kadar sık dönüştür.
Biçim karşılaştırması ve teknik özellikler
| Çıktı biçimi | MIME Türü | Teknik belirtim | Tür |
|---|---|---|---|
| PNG Görseli | image/png | W3C-PNG | Taşınabilir Ağ Grafikleri |
| JPG JPEG Görseli | image/jpeg | ITU-T-T81-JPEG | Joint Photographic Experts Group Formatı |
| WebP Görseli | image/webp | RFC-6386-VP8 | Google’ın geliştirdiği modern WebP görüntü biçimi |
| SVG Vektörü | image/svg+xml | W3C-SVG | Ölçeklenebilir Vektör Grafikleri |
| HEIC Fotoğrafı | image/heic | ISO-IEC-23008-12-HEIF | Yüksek Verimli Görüntü Kapsayıcısı |
| AVIF Görseli | image/avif | AOMEDIA-AV1-AVIF | AV1 Görsel Dosya Formatı |
| PSD Photoshop belgesi | image/vnd.adobe.photoshop | ADOBE-PSD-SPEC | Adobe Photoshop belgesi |
| PSB Photoshop Büyük Belge | image/vnd.adobe.photoshop | ADOBE-PSD-SPEC | Adobe Photoshop Büyük Belge |
| WMF Windows metadosyası | image/x-wmf | MS-WMF-SPEC | Windows vektör metadosya biçimi |
| EMF Enhanced Metafile | image/x-emf | MS-EMF-SPEC | Enhanced Metafile Vector Format |
| JFIF görüntüsü | image/jpeg | ITU-T-T81-JPEG | JPEG Dosya Değişim Biçimi |
| TGA Truevision | image/x-tga | TGA-SPEC | Truevision Targa raster görüntüsü |
| PCX ZSoft | image/x-pcx | PCX-SPEC | ZSoft Paintbrush PCX Bitmap |
| PDF Belgesi | application/pdf | ISO-32000-2 | Taşınabilir Belge Biçimi |
Teknik Özellikler ve Kodek Ayrıntıları
Hızlı Format Karar Kuralı
WebP ve AVIF birçok web görüntüsünde dosya boyutunu azaltabilir ve ikisi de saydamlığı destekler; sonuç görüntüye ve kodlama ayarlarına bağlıdır. Küçük sıkıştırma izlerinin kabul edilebilir olduğu fotoğraflarda JPG, keskin ekran görüntüleri ve grafiklerde PNG, ölçeklenebilir logo ve simgelerde SVG kullanın.
Raster ve Vektör Karşılaştırması: SVG'ler Neden Asla Bulanıklaşmaz
Raster görseller (JPG, PNG, WebP) sabit renkli piksel ızgaralarından oluşur; çok fazla yakınlaştırırsan bulanıklaşır veya piksellenir. SVG ise matematiksel çizgileri, eğrileri ve renkleri saklar. Böylece simgeler ve illüstrasyonlar, mobil ekranlardan 8K ekranlara kadar her yerde çok küçük dosyalarla son derece keskin görüntülenir.
Efsane: 'Daha Yüksek DPI, Daha İyi Web Görsel Kalitesi Anlamına Gelir'
DPI (inç başına nokta), yalnızca fiziksel baskıyla ilgili bir talimattır ve web tarayıcıları tarafından tamamen göz ardı edilir. Telefonlarda ve bilgisayar monitörlerinde görsel keskinliğini gömülü DPI meta verileri değil, piksel boyutları (ör. 1920x1080) ve ekran yoğunluğu belirler.
Alfa Şeffaflığı: PNG ve WebP Karşılaştırması
JPEG’te saydamlık kanalı yoktur; bu nedenle JPEG olarak kaydedildiğinde saydam pikseller düz bir arka plana dönüşür. PNG alfa saydamlığını korur; WebP de saydamlık saklayabilir ve daha küçük dosya üretebilir. Boyut içeriğe ve kodlama ayarlarına bağlı olduğundan görüntüyü karşılaştırın.
Harici sunuculara 0 bayt yüklendi. Tüm işlemler tarayıcındaki korumalı alanda (sandbox) yerel olarak gerçekleştirildi.