Resim Format Dönüştürücü (JPG, PNG, WebP)

Resim format dönüştürücü nedir ve bu araç ne yapar?

Resim format dönüştürücü, bir görselin içeriğini koruyup dosya biçimini değiştiren araçtır. JPG'yi PNG'ye, PNG'yi WebP'ye ya da WebP'yi JPG'ye çevirmek bunun örnekleridir. Biçim değişince dosyanın boyutu, şeffaflık desteği ve açılabildiği programlar da değişir. Bu yüzden doğru biçimi seçmek, görseli yeniden hazırlamaktan çok daha hızlı bir çözümdür.

Bu araç şunları yapar:

• JPG, PNG ve WebP hedef biçimlerinden birini üretir.
• Tek dosyayı da, en fazla 100 dosyalık bir yığını da dönüştürür.
• Her dosya için önceki ve sonraki boyutu ile değişim yüzdesini gösterir.
• EXIF yönünü uygular, böylece yan dönmüş telefon fotoğrafı düz çıkar.

Dönüştürme tamamen tarayıcınızda çalışır. Dosyanız sunucumuza gitmez, çünkü hiçbir şey saklamayız. Ekibimiz bu işle en çok web sitesi görsellerini hazırlarken karşılaşıyor. Örneğin web tasarım projelerinde yanlış biçimdeki tek bir görsel bile sayfayı yavaşlatabiliyor.

Resim format dönüştürücü ile hangi biçimi ne zaman seçmelisiniz?

Karar üç soruya iner. Görselde şeffaflık var mı, içerik fotoğraf mı yoksa keskin çizgiler mi, görseli nereye yükleyeceksiniz? Bu üç cevap biçimi neredeyse kendiliğinden belirler.

• JPG: Fotoğraflar için en yaygın seçimdir. Kayıplı sıkıştırır ve şeffaflık taşımaz, ama her sistem onu açabilir. Bu yüzden form yüklemeleri ve e-posta ekleri için güvenlidir.
• PNG: Kayıpsızdır ve şeffaflığı korur. Ekran görüntüsü, logo ve metinli grafiklerde kenarlar keskin kalır. Fotoğrafta ise dosya çoğu zaman büyür.
• WebP: Hem kayıplı hem kayıpsız çalışır ve şeffaflığı destekler. Web sitesi hızı için en iyi adaydır. Yine de her eski program WebP açmaz.

Rakamlar da bunu destekler. Google'ın WebP belgesine göre kayıpsız WebP, PNG'den %26 küçüktür. Kayıplı WebP ise eşdeğer SSIM kalitesindeki JPEG'den %25-34 küçüktür. Bunlar Google'ın kendi ölçümleridir ve sizin görselinizde sonuç değişebilir. Bu nedenle önizlemedeki önceki ve sonraki boyutu mutlaka kontrol edin.

Siteniz için görsel hazırlıyorsanız web sitesi görsel optimizasyonu yazımız boyut ve yükleme sırasını da anlatıyor.

Araç dosyanın biçimini uzantıya bakmadan nasıl tanır?

Araç dosya adındaki uzantıya güvenmez. Dosyanın ilk baytlarını okur ve biçimi bu işaretlerden bulur. Sonucu her satırda Algılanan biçim olarak, "WEBP → PNG" gibi bir etiketle gösterir.

Bu yaklaşım gündelik bir soruna çözüm olur. Birçok site görseli WebP olarak sunar, ama indirirken uzantı .jpg kalabilir. Bazı programlar böyle bir dosyayı açamaz. Araç gerçek biçimi tanıdığı için yine de doğru dönüştürür.

Açabildiği girdiler şunlardır:

• JPG, PNG, WebP, GIF, BMP ve AVIF.
• Tarayıcınızın açabildiği diğer biçimler.
• HEIC: yalnızca bunu destekleyen tarayıcı açar; Safari buna örnektir. Tarayıcınız açamazsa araç bunu açıkça söyler.

Hareketli GIF ve WebP dosyalarında yalnızca ilk kare dönüşür; araç sizi bu konuda uyarır. Animasyonu korumak istiyorsanız tek karelik bir çıktı işinize yaramaz. O durumda dosyayı olduğu gibi tutun.

Toplu dönüştürme ve ZIP indirme nasıl çalışır?

Panele aynı anda en fazla 100 dosya ekleyebilirsiniz. Dosyaları sürükleyip bırakabilir, Görsel seç düğmesiyle çoklu seçim yapabilir ya da panoya kopyaladığınız görseli Ctrl/Cmd+V ile yapıştırabilirsiniz. Araç her dosya için ayrı bir satır açar.

Satırda şu bilgiler yer alır:

• Küçük önizleme ve dosya adı.
• Dönüşümün yönü, örneğin "WEBP → PNG".
• Önceki ve sonraki boyut ile değişim yüzdesi.
• Tek dosyayı alan İndir düğmesi.

Listede bir özet de yer alır: dosya sayısı, toplam önceki ve sonraki boyut ve toplam değişim. Hepsini tek seferde almak için Tümünü ZIP olarak indir düğmesine basın.

Ayarlar değişince liste kendiliğinden yeniden dönüşür. Örneğin hedefi PNG'den WebP'ye çevirirseniz ya da kaliteyi oynatırsanız dosyaları yeniden eklemeniz gerekmez. Böylece birkaç seçeneği hızlıca deneyip en uygun sonucu seçebilirsiniz. Ürün kataloğu gibi onlarca görselin olduğu işlerde bu fark büyük zaman kazandırır.

Kalite ayarı ne anlama gelir ve hangi değeri seçmelisiniz?

Kalite kaydırıcısı yalnızca kayıplı çıktılarda, yani JPG ve WebP hedeflerinde belirir. Kayıplı sıkıştırma, gözün zor fark ettiği ayrıntıyı atarak dosyayı küçültür. Kaydırıcıyı aşağı çektikçe dosya küçük çıkar, ama görselde blok ve bulanıklık riski artar. Varsayılan değer %92'dir; yani araç kaliteyi yüksek tutan bir başlangıçla yola çıkar.

PNG kayıpsız olduğu için araç kaydırıcıyı PNG'de gizler. PNG her pikseli olduğu gibi saklar, dolayısıyla ayarlayacağınız bir kayıp payı yoktur.

Pratik bir yöntem şöyle işler:

1. Varsayılan %92 ile başlayın ve sonuç boyutuna bakın.
2. Dosya hâlâ büyükse kaliteyi küçük adımlarla düşürün.
3. Önizlemede yazı kenarlarına, gökyüzü gibi düz alanlara ve yüz ayrıntılarına dikkat edin.
4. Bozulma görürseniz bir adım geri dönün.

Kayıplı bir kaydı tekrar tekrar kayıplı biçime çevirmek ayrıntıyı her seferinde biraz daha azaltır. Bu yüzden orijinal dosyayı saklayın ve her yeni sürümü ondan üretin.

Şeffaf arka plan JPG'ye çevrilince ne olur?

JPG şeffaflık taşımaz. Şeffaf alanları olan bir PNG ya da WebP'yi JPG'ye çevirirken bu alanları bir renge boyamak gerekir. Araç bunun için Şeffaf alanların rengi seçeneğini sunar: Beyaz (varsayılan), Siyah ya da Özel renk.

Renk seçimi sonucu doğrudan etkiler. Açık renkli bir logoyu beyaz zeminde seçerseniz logo kaybolur. Koyu bir logo için Beyaz, açık bir logo için Siyah ya da zıt bir özel renk daha net sonuç verir.

Şeffaflığı korumak istiyorsanız hedef biçimi PNG ya da WebP yapın. MDN, PNG'nin tam alfa şeffaflığını desteklediğini, JPEG'in ise alfa kanalı taşımadığını belirtir. Google da WebP'nin hem kayıpsız hem kayıplı kipte şeffaflığı desteklediğini yazar.

Bir yanlış anlamayı da düzeltelim: JPG'den PNG'ye çevirmek arka planı şeffaf yapmaz. Şeffaflık kaynak dosyada yoksa dönüşümle ortaya çıkmaz. Arka planı silmek ayrı bir düzenleme işidir.

Dosyalarınız sunucuya gider mi, EXIF ve konum bilgisi ne olur?

Hayır, gitmez. Sayfa açıldıktan sonra tüm işlem cihazınızdaki tarayıcıda olur. Dosyanız sunucumuza ulaşmaz ve biz saklamayız; dolayısıyla biz de göremeyiz. Kimlik, sözleşme ya da müşteri fotoğrafı gibi hassas dosyalarda bu önemli bir avantajdır.

Meta veriler konusunda dürüst olalım. Araç EXIF yönünü uygular, bu yüzden yan dönmüş telefon fotoğrafı düz çıkar. Ama yeni dosyayı pikselleri baştan çizerek oluşturduğu için EXIF ve GPS gibi meta verileri çıktıya taşımaz. Bunun iki sonucu var:

• Gizlilik avantajı: Fotoğrafı paylaşırken konum ve cihaz bilgisi yanlışlıkla gitmez.
• Dezavantaj: Telif, çekim tarihi ya da kamera ayarı gibi bilgileri saklamanız gerekiyorsa bu araç uygun değildir. O durumda orijinal dosyayı ayrıca arşivleyin.

Yani araç, paylaşım amaçlı kopyalar için idealdir. Arşiv niteliğindeki orijinaller için ise ayrı bir yedek tutmak doğru olur.

Resim küçültme ile biçim dönüştürme aynı şey mi?

Hayır. Format dönüştürücü yalnızca dosyanın biçimini değiştirir; piksel boyutu aynı kalır. Genişlik ve yükseklik için boyutlandırma yapmaz. Bir görseli 4000 piksel genişlikten 1200 piksele indirmek istiyorsanız Resim küçültme aracı işinizi görür.

• Biçim dönüştürme: JPG, PNG ya da WebP seçer; pikseller aynı kalır.
• Boyutlandırma: Genişliği ve yüksekliği değiştirir; dosyayı hedef KB değerine de çekebilir.

İki işi birleştirmek sık gereken bir senaryodur. Önce görseli kullanılacağı genişliğe indirin, sonra uygun biçime çevirin. Web için bu sıra genellikle en küçük dosyayı verir. Görsellerin sayfa hızına etkisini Core Web Vitals yazımızda ve site hızının SEO'ya etkisi yazımızda ele aldık.

Siteniz yavaşsa sorun yalnız görsellerde olmayabilir. Bu durumda SEO danışmanlığı kapsamında teknik tabloyu birlikte inceleyebiliriz.