PNG JPG Çevirme (PNG to JPG)

PNG JPG çevirme nedir ve bu araç tam olarak ne yapar?

PNG JPG çevirme, kayıpsız bir PNG dosyasını kayıplı JPG biçiminde yeniden kaydetmektir. Çoğu zaman amaç dosyayı küçültmek, yalnız JPG kabul eden bir formu aşmak ya da fotoğraf içeren bir PNG'yi hafifletmektir. Bu sayfadaki araç işi tamamen tarayıcınızda yapar; dosyanız sunucuya gitmez ve hiçbir yerde kalmaz.

Araç şunları yapar:

• Girdi biçimini dosyanın ilk baytlarından tanır, uzantıya bakmaz. Bu yüzden .png adlı ama aslında başka biçimde olan dosyayı da doğru tanır.
• EXIF yönünü uygular; yan dönmüş telefon fotoğrafı düz çıkar.
• Ancak piksel ölçüsünü değiştirmez. Ölçüyü küçültmek için Resim küçültme aracına geçin.
• Ayrıca EXIF ve konum (GPS) gibi meta verileri yeni JPG'ye taşımaz. Bu bir gizlilik avantajıdır, ancak kamera bilgisi de gelmez.

Ekibimizin kuralı basit: fotoğrafta JPG ya da WebP, logoda ve ekran görüntüsünde PNG ya da WebP. Dolayısıyla aşağıda bu kuralın nedenini ve istisnalarını anlatıyoruz.

PNG'yi neden JPG'ye çevirmek isteriz?

Dört durum öne çıkar. İlk olarak, fotoğraf içeren PNG dosyaları gereksiz büyüktür. Tasarım ve ekran görüntüsü programları çoğu zaman PNG kaydeder; oysa MDN'e göre JPEG, fotoğraf gibi sürekli tonlu görüntüler için uygun biçimdir, çünkü atılan ayrıntıyı göz zor fark eder.

• Dosya boyutu: Fotoğraf içerikli bir PNG'yi JPG'ye çevirmek çoğunlukla dosyayı belirgin biçimde küçültür. Ancak kesin oranı içerik ve kalite ayarı belirler.
• Yükleme sınırları: E-posta ekleri ve başvuru formları boyut sınırı koyar; bazıları da yalnız JPG kabul eder.
• Uyumluluk: Neredeyse her telefon, program ve platform JPG'yi okuyabilir.
• Hız: Hafif dosyayı daha çabuk gönderir ve açarsınız.

Bir uyarı ekleyelim: Bu araçta hedef KB girişi yoktur, yalnız kalite ayarı vardır. Bu yüzden belirli bir KB sınırına inmeniz gerekiyorsa önce Resim küçültme aracında Hedef dosya boyutu sekmesini deneyin. Web için ayrıntılı rehberimiz web sitesi görsel optimizasyonu yazısında.

PNG JPG çevirme sırasında şeffaf alana ne olur?

JPG şeffaflık taşımaz; MDN de JPEG'de alfa kanalı olmadığını belirtir. Bu yüzden şeffaf bir PNG'yi JPG'ye çevirirken şeffaf alanları bir renge boyamak gerekir. Bu nedenle hedef JPG iken araç Şeffaf alanların rengi seçeneğini gösterir: Beyaz (varsayılan), Siyah ya da Özel renk.

Rengi şöyle seçin:

• Koyu logo ya da metin: Beyaz bırakın.
• Beyaz ya da açık renkli logo: Siyah veya koyu bir Özel renk seçin; aksi halde logo beyaz zeminde kaybolur.
• Belirli bir zemine koyacaksanız: Özel renk alanına o zeminin rengini girin, böylece kenarlarda renk farkı oluşmaz.

Kenarlardaki yarı saydam pikseller seçtiğiniz renkle karışır. Dolayısıyla beyaz zeminle hazırladığınız JPG'yi sonradan koyu bir sayfaya koyarsanız logonun çevresinde açık bir saçak görebilirsiniz. Ayrıca düzleştirme tek yönlüdür: JPG'den şeffaflığı geri alamazsınız, bu yüzden orijinal PNG'yi saklayın. Şeffaflık gerekiyorsa PNG ya da WebP seçin; ikisi de şeffaflığı korur.

Kalite ayarını nasıl seçmelisiniz?

JPG kayıplı bir biçimdir; her kayıtta gözün zor fark ettiği ayrıntıyı atar. Kalite kaydırıcısı bu miktarı belirler. Araçta varsayılan %92'dir ve çoğu fotoğraf için dengeli bir başlangıçtır. Hedef PNG olduğunda kaydırıcı ortadan kalkar, çünkü PNG kayıpsızdır.

Şu sırayı izleyin:

1. İlk olarak varsayılan %92 ile çevirin ve satırdaki önceki ile sonraki boyutu okuyun.
2. Daha sonra, boyut hâlâ yüksekse kaliteyi azar azar düşürün; ayarı değiştirdiğinizde liste kendiliğinden yeniden dönüşür.
3. Ardından her denemede önizlemeyi yakınlaştırıp kenarlara, yazıya ve gökyüzü gibi düz geçişlere bakın.
4. Son olarak, kusur görmeye başladığınız noktanın bir adım üstünde durun.

Kaliteyi her zaman orijinal PNG'den üretin. JPG'yi tekrar tekrar kaydederseniz kayıplar üst üste biner. Üstelik JPG'yi PNG'ye çevirmek kaybolan ayrıntıyı geri getirmez; yalnız dosyayı büyütür. Bu yüzden her yeni sürümü orijinalden çıkarın.

Metin, ekran görüntüsü ve düz renkli grafikte JPG neden kötü sonuç verir?

JPG görüntüyü küçük bloklara bölüp her blokta ayrıntıyı sadeleştirir. Fotoğrafta bunu fark etmezsiniz, çünkü renkler yumuşak geçer. Metinde, ikonda ve keskin kenarda ise sadeleştirme halkalanma, renk saçağı ve blok kusuru olarak ortaya çıkar. MDN da ekran görüntüsü, diyagram, logo ve çizgi çizimlerinde kayıpsız kodlamayı önerir; çünkü metnin ve keskin kenarların çevresindeki bulanıklık ve renkli saçaklar çok belli olur.

Bu nedenle şu dosyaları JPG'ye çevirmeden önce iki kez düşünün:

• Metin ağırlıklı ekran görüntüleri, tablolar ve arayüz kayıtları
• Logolar, ikonlar ve düz renkli çizimler
• İnce çizgili teknik çizimler ve grafikler

Karar için tek bir test yeterli: JPG'yi yüzde 100 büyütmede açıp harflerin kenarına bakın. Yani kenar kirliyse PNG'de kalın. Küçültmek de şartsa WebP'yi değerlendirin; Google'a göre kayıplı WebP eşdeğer JPEG'den %25-34 küçüktür. Yine de WebP de kayıplıdır, dolayısıyla metinli grafiklerde kenarları aynı titizlikle kontrol edin.

PNG JPG çevirme yerine PNG'de kalmak ya da WebP seçmek ne zaman doğru?

Dört soru kararı netleştirir:

• Şeffaflık gerekiyor mu? Evet ise PNG ya da WebP seçin.
• Metin veya keskin kenar var mı? Evet ise PNG'de kalın; web için WebP'yi deneyip kenarları kontrol edin.
• Alıcı yalnız JPG mi istiyor? Evet ise JPG'den başka yol yoktur.
• Dosya web sayfasına mı gidiyor? Fotoğrafta JPG ya da WebP düşünün.

Google'ın WebP sayfasına göre kayıpsız WebP PNG'den %26 küçüktür ve WebP şeffaflığı da animasyonu da destekler. Ayrıca hedef biçim düğmelerinden WebP'yi seçebilirsiniz; tarayıcınız WebP kaydetmeyi desteklemiyorsa araç bunu açıkça söyler, sessizce başka biçim vermez. Ancak alıcı sistem WebP'yi kabul etmiyorsa JPG'de kalın.

Doğrudan PNG WebP çevirme sayfasına gidebilir, ters yön için JPG PNG çevirme sayfasını kullanabilir ya da Resim format dönüştürücüyü açabilirsiniz.

Web sitesine yükleyecekseniz PNG JPG çevirme yeterli mi?

Tek başına yeterli değildir, çünkü araç piksel ölçüsünü değiştirmez. Örneğin 4000 piksel genişliğindeki bir PNG, JPG olunca da 4000 piksel kalır. Web için sıra şöyle olmalı: önce ölçüyü kullanım yerine indirin, ardından biçimi seçin, en son kaliteyi ayarlayın.

Bunun nedeni basit. web.dev, iyi bir Largest Contentful Paint değeri için sayfa ziyaretlerinin en az %75'inde 2,5 saniyenin altını hedefler. Büyük bir kapak görseli de sayfanın en büyük içerik öğesi olabilir; dolayısıyla doğru ölçü ve hafif biçim bu süreyi doğrudan etkiler. Ayrıntılar için Core Web Vitals rehberimize ve site hızı ve SEO yazımıza bakabilirsiniz.

Ayrıca sayfanızı bütün olarak ölçmek isterseniz SEO analiz aracını çalıştırın. Görsel yükünün ötesinde sorun görüyorsanız ekibimizle SEO danışmanlığı sayfasından iletişime geçebilirsiniz.