JPG, PNG ve WebP: Hangi Format Yüklenmeli?

Bir görseli paylaşmadan önce çoğu kişi boyuta bakar, uzantıya bakmaz. Telefon kamerasından çıkan kare, Excel satırının ekran görüntüsü ve şeffaf arka planlı bir logo hepsi “resim” gibi durur; dosya olarak işleri ayrıdır. Yanlış format üç şekilde patlar: fotoğraf gereksiz yere yüz megabayta çıkar, arayüz yazısı bulanıklaşır, ya da alıcının varsayılan görüntüleyicisi dosyayı açmaz. Resim yükle sayfası sürükle-bırak ile dosyayı alır, hesap istemez, dosya başına 10GB yer verir ve isteğe bağlı şifre ile SSL kullanır. Site sizin yerinize JPG'yi PNG'ye çevirmez; çeviri işi sizin veya düzenleme programınızındır. Bu yazı, yüklemeden önce uzantıyı nasıl seçeceğinizi anlatır. Adımlar için nasıl kullanılır sayfasına, diğer görsel rehberler için blog'a bakın.

Üç formatın işi nedir

JPG (dosya adında çoğu zaman JPEG diye geçer) fotoğrafı küçük tutmak için tasarlanmıştır. Gökyüzü, cilt, kumaş, duvar boyası gibi yumuşak geçişleri iyi sıkıştırır. Keskin kenarlı yazıyı, ince çizgiyi ve düz gri bir paneli ise “çamur”a çevirebilir. Bunun nedeni kayıplı sıkıştırmadır: gözün zor fark ettiği ayrıntı atılır, dosya küçülür. Telefonunuz zaten çoğu çekimi JPG üretir; bunu “daha kaliteli olsun” diye PNG'ye çevirmek fotoğrafı büyütür, çoğu ekranda fark yaratmaz.

PNG pikseli olduğu gibi saklamaya yakındır. Şeffaflık kanalı vardır; logo, ikon, kesilmiş ürün ve arayüz kaydı için uygundur. Fotoğrafta ise dosya şişer çünkü her piksel neredeyse kayıpsız durur. Bir sahil fotoğrafı PNG'de onlarca megabayt olabilir, aynı kare kaliteli JPG'de birkaç megabayttır. PNG'nin işi “yazı okunsun, kenar titremesin, arka plan yok olsun” dur; “her şeyi kayıpsız arşivleyeyim” değildir. O arşiv işi için RAW, TIFF veya yüksek kaliteli JPG ayrı konuşulur.

WebP hem kayıplı hem kayıpsız çalışabilir. Güncel tarayıcılarda açılır, aynı fotoğrafı JPG'den sık daha küçük tutar. Eski Windows Fotoğraf Görüntüleyici, bazı yazıcı kuyrukları, birkaç kurumsal e-posta eki ve matbaa operatörünün makinesi hâlâ takılır. Formatı “daha modern” diye seçmek, alıcının dosyayı açamamasıyla biter. Yüklemeden önce üç soru yeter: bu bir kamera görüntüsü mü, düz renk ve yazı mı, şeffaf arka plan şart mı? Cevap netse format da netleşir. Gizlilik tarafı — örneğin konum etiketli fotoğraf — gizlilik politikası ile sizin tarafınızdaki EXIF temizliği ayrı işlerdir; format seçimi bunlardan bağımsızdır.

Fotoğrafta JPG

Düğün, ürün çekimi, seyahat, emlak iç mekân, restoran menüsü: bunlar kamera fotoğrafı işidir ve JPG'nin evidir. Kamera veya telefon zaten JPEG basar. Aynı kareyi PNG kaydetmek dosyayı birkaç kat büyütür; göze gelen fark çoğu ekranda yok denecek kadar azdır. Baskı veya müşteri arşivi için kalite kaydırıcısını yüksek tutun. Photoshop'ta 10–12, Lightroom'da yüksek kalite dışa aktarma makul bir banttır. “Web için kaydet, kalite 40” ile matbaaya teslim etmek, sonra “neden bulanık” duymak klasik bir hatadır. WhatsApp ve Instagram kendi sıkıştırmasını uygular; orijinali ayrı tutup yüksek çözünürlüklü fotoğraf paylaşımı yazısındaki gibi linkle gönderin.

JPG'nin zayıf noktası yeniden kayıttır. Her “kaydet” yeni bir kayıplı tur atar. Kırpma, filtre, tekrar dışa aktarma birkaç kez olunca gökyüzünde bantlaşma, kırmızı yazıda hale, ciltte lekeli alan çıkar. Düzenlemeyi TIFF, PSD veya RAW'da bitirin; son adımda bir kez JPG alın. CMYK isteyen baskı evi TIFF veya yüksek kaliteli JPG ister; WebP göndermeyin. Ürün fotoğrafında arka planı silip şeffaf teslim edecekseniz o kopya PNG'dir; aynı kareyi katalogda renkli zeminle basacaksanız JPG yeter. İki iş varsa iki dosya üretin, tek “her yere uyan” kopya aramayın.

Renk profili de format kadar işi bozar. sRGB web, telefon ve çoğu ofis ekranı için güvenli taraftır. Adobe RGB gömülü JPG'yi profili okumayan alıcı soluk veya aşırı doygun görür. Baskı evi profil istiyorsa sorun; “müşteri telefonda baksın” ise sRGB JPG verin. Dosya adına işi yazın: urun-on-srgb.jpg gibi. IMG_9931.jpg on dosya arasında kaybolur. HızlıYükle ana sayfadan veya resim sayfasından yükler; parçalı yükleme büyük JPG'yi de götürür. Sığsın diye kaliteyi 30'a çekmek, 10GB tavanı dururken gereksizdir.

Ekran ve şeffaflıkta PNG

Yazılım hatası, Excel hücresi, Figma maketi, banka ekranı, yönetim paneli: bunlar ekran görüntüsü işidir ve PNG ister. JPG, düz gri bir paneli gürültülü hale getirir; 8 punto uyarı yazısı okunmaz olur. Kırmızı hata metni beyaz zeminde özellikle bozulur çünkü JPG renk alt örneklemesi kırmızı-mavi kenarları yumuşatır. Destek kaydı, “buton kaymış” tartışması, sözleşme ekranı: hepsi piksel netliği ister. Ekran görüntüsü nasıl paylaşılır yazısında anlattığımız gibi mesajlaşma uygulamaları bir tur daha ezer. Orijinal PNG'yi linkle vermek, “bende düzgün görünüyor” cümlesini keser.

Logo ve ikon ayrı bir PNG gerekçesidir: şeffaflık varsa JPG işi bitmez. Beyaz kutulu JPG logo, koyu temalı slaytta ve siyah tişört maketinde rezalet durur. PNG-8 palet dosyayı küçültür ama degradeli gölgede bant yapar; şeffaf logo için PNG-24 veya PNG-32 kullanın. SVG vektör işidir, bu yazının konusu değil; alıcı “resim dosyası” istiyorsa PNG verin. Filigranlı taslak da çoğu zaman PNG'dir çünkü yazı okunur kalsın istersiniz.

PNG'yi fotoğrafa uygulamak ters yönde hatadır. 24 megapiksellik sahil PNG'si 40–60 MB'a çıkabilir; aynı kare kaliteli JPG'de 4–8 MB olur. “Kayıpsız olsun” diye her şeyi PNG yapmak, yüklemeyi ve indirmeyi yavaşlatır. Nasıl kullanılır adımları aynı kalsa da alıcı 4G'de bekler. UI kaydında da kırpmadan tam masaüstü PNG'si göndermek boyutu şişirir; sorun pencereyse pencereyi kırpın, formatı PNG tutun. Hassas satır — e-posta, TCKN, müşteri adı — format seçiminden önce kapatılmalıdır; o iş ekran görüntüsü rehberinde.

WebP ne zaman mantıklı

WebP, kendi sitenizde sayfa ağırlığını düşürmek ve modern tarayıcıdaki galeri için iyidir. Aynı fotoğraf JPG'den yüzde 25–35 küçük olabilir. WordPress, Next.js Image veya bir CDN bunu arka planda üretir. Sizin işiniz müşteriye teslim, matbaaya dosya veya forumda kanıt ise WebP ilk tercih olmamalı. Tasarımcı Photoshop'ta WebP açar; matbaa operatörü açamayabilir. Şüphede JPG veya PNG verin, WebP'yi kendi yayın hattınız için saklayın.

Kim WebP açamaz: eski ofis bilgisayarındaki varsayılan görüntüleyici, bazı yazıcı sürücüleri, eski Android sürümleri, birkaç kurumsal güvenlik tarayıcısı. “Bende Chrome'da açılıyor” teslim kriteri değildir. Animasyonlu WebP, GIF'ten küçük olur ama alıcı ortamı — forum BBCode, WhatsApp, bazı e-posta istemcileri — animasyonu oynamayabilir. Kısa döngü için GIF, ekran kaydı için MP4; ayrıntı GIF ve kısa animasyon yükleme yazısında, kayıt için video yükle sayfasındadır.

WebP kayıplı ise JPG gibi nesil kaybına açıktır. Kayıpsız WebP PNG'ye yaklaşır ama uyum yüzeyi daralır. “Her yerde çalışsın” hedefi varsa uzantıyı küçültmek ikinci plandadır. HızlıYükle WebP dosyasını da yükler; sorun yükleme değil, alıcının makinesidir. Doğrudan link, BBCode, HTML ve Markdown çıktılarından hangisini kopyalayacağınız forum ve siteye göre değişir; format kararı o çıktıdan önce verilmiş olmalıdır.

Kalite kaybı ve yeniden kayıt

Kayıplı format — JPG ve kayıplı WebP — her kayıtta bilgi atar. Küçük fark birikir. E-posta eki limitine sığdırmak için kaliteyi 40'a çekmek, sonra matbaanın “bu neden yumuşak” demesi sık görülür. Çözüm: arşiv kopyasını yüksek tutmak, paylaşım kopyasını ayrı üretmektir. HızlıYükle dosya başına 10GB verdiği için “sığsın diye ezmek” çoğu işte gerekmez; parçalı yükleme büyük dosyayı da götürür. Ekran görüntüsünü JPG kaydetmek ikinci bir kayıptır: pikseller zaten keskindir, ikinci tur yazıları bozar. UI kaydı PNG, kamera fotoğrafı JPG.

“Dışa aktar” ile “kaydet” aynı şey değildir. Düzenleme programında projeyi kaydetmek katmanları korur; dışa aktarmak alıcıya gidecek tek katmanlı dosyayı üretir. Aynı JPG'yi her seferinde üzerine yazarak göndermek, üçüncü teslimde artefakt biriktirir. Kaynak dosyayı silmeyin. Telefondan “düzenle, kaydet, paylaş” döngüsü WhatsApp'a girmeden önce bile kaliteyi yer. Orijinali bilgisayara alın, bir kez dışa aktarın, resim yükle ile linkleyin.

Başarısız senaryolar pratikte aynı kapıya çıkar. Destek ekibi JPG ekran görüntüsü alır, hata kodu okunmaz, ikinci bir PNG istenir, gün kaybedilir. Ajans WebP moodboard'u matbaaya atar, operatör açamaz, iş durur. Satıcı şeffaf PNG yerine JPG logo gönderir, pazaryeri şablonu beyaz kutu basar, ürün kartı reddedilir. Fotoğrafçı PNG albüm yollar, müşteri 800 MB indirmez, “link bozuk” sanır. Bunlar format sihri değil, işe yanlış araç seçmektir.

Alıcının açıp açamayacağı

Siz güncel tarayıcıda WebP görürsünüz; muhasebe müdürü Windows 10'un eski Fotoğraflar uygulamasında boş ikon görür. Kurumsal alıcı için JPG ve PNG hâlâ en az sürpriz çıkaran ikilidir. GIF her yerde açılır ama fotoğraf için yanlıştır; renk sayısı düşer, dosya şişer. Forum tarafında BBCode img etiketi WebP'yi reddedebilir. HızlıYükle doğrudan link, BBCode, HTML ve Markdown üretir; forumun ne yuttuğunu siz seçersiniz. Markdown README'sine WebP koyabilirsiniz; basılı teklif ekinde JPG veya PNG kalın.

Mobil tarafta güncel iOS ve Android WebP okur. “Anneye WhatsApp'tan atayım” zaten yeniden sıkıştırır; format tartışması orada anlamını yitirir. Orijinali linkleyin, sohbet uygulamasına gömülü önizlemeye güvenmeyin. Yazıcı kuyruğu ve bazı sürücüler WebP bilmez; baskı operatörüne giden paket JPG, TIFF veya PDF olmalıdır.

Şifre koruması formatın yerini tutmaz; isteğe bağlı şifre linki rastgele tıklanmaya karşı işe yarar, dosyanın açılır olmasını sağlamaz. SSL aktarımı korur, uzantıyı değiştirmez. Alıcıya tek cümle yazın: “JPG, Photoshop ve telefon galerisi açar.” Belirsiz “görsel attım” mesajı, yanlış uygulamada önizleme bozulunca panik üretir.

Sık yapılan hatalar

Aşağıdakiler destek ve ajans işlerinde tekrar eden kayıtlardır. Birini yapıyorsanız sorun format “eski” olduğu için değil, işe uymadığı içindir.

• Arayüz ekran görüntüsünü JPG kaydetmek; yazı ve kırmızı hata metni yumuşar.
• Şeffaf logoyu JPG vermek; beyaz kutu koyu zeminde kalır.
• Ham fotoğrafı PNG şişirmek; indirme uzar, kalite hissi artmaz.
• WebP'yi matbaaya veya muhasebe bilgisayarına göndermek.
• Aynı JPG'yi on kez kaydetmek; yeniden kayıt artefakt biriktirir.
• WhatsApp sıkıştırmasını orijinal sanmak.
• Dosya adını IMG_9931.webp bırakıp alıcıya hangi iş olduğunu söylememek.
• 4K PNG masaüstü kaydını kırpmadan atmak; sorun 200 piksellik bir butondadır.
• HızlıYükle'nin format çevireceğini sanmak — sürükle-bırak dosyayı olduğu gibi yükler.
• Animasyonlu WebP'yi herkesin GIF gibi oynatacağını varsaymak.

Bu hataların ortak çıktısı ikinci bir teslim turudur. İlk turda doğru uzantı, doğru kalite ve doğru kanal (sohbet değil link) çoğu işi kapatır.

Kullanım → format

Format seçim kontrol listesi

Yüklemeden önce bu listeyi işaretleyin. Hepsi yeşilse dosyayı resim yükle alanına bırakın, gerekirse şifre koyun, doğrudan linki kopyalayın.

• Kamera fotoğrafı mı? JPG, yüksek kalite, sRGB.
• UI veya hata ekranı mı? PNG; JPG'ye çevirmeyin.
• Şeffaf logo mu? PNG-24/32.
• Alıcı eski ofis veya matbaa mı? WebP değil, JPG veya PNG.
• Kendi siteniz mi? WebP'yi yayın hattında üretin, teslim paketine koymayın.
• Aynı dosyayı tekrar tekrar kaydetmeyin; kaynaktan bir kez dışa aktarın.
• WhatsApp'a gömülü önizlemeye güvenmeyin; orijinali linkle verin.
• Forum için BBCode, site için HTML, doküman için Markdown seçin.
• Dosya adı işi anlatsın; rastgele IMG_ numarası bırakmayın.
• Kişisel veri varsa kırpın veya kapatın; format bunu çözmez.
• Animasyon kısa döngüyse GIF, ekran kaydıysa video sayfasına gidin.
• Hesap açmadan yükleyin; 10GB tavanı dururken kaliteyi ezemeyin.