Bir çok otorite kaynağa göre artık siteniz yavaş yükleniyorsa bu muhtemelen seo başarınızada olumsuz etki edecektir. Hız adına yapılabilecek seçimlerden birisi de sitenizde kullandığınız resim formatlarıdır. Hangi durumda hangi resim formatını seçmelisiniz. Jpg mi yoksa Png mi daha avantajlı bu yazımızda bunlara değinmeye çalışacağız. Öncelikli olarak kissmetric sitesinin şu analizlerine bir göz atmakta fayda var ;
  • Web sitenizin yüklenmesi 3 saniyeden uzun sürerse ziyaretçilerinizin yüzde 50’sini kaybedebileceğinizi biliyor muydunuz?
  • Mobil internet kullanıcılarının% 73’ü, yüklenmesi çok yavaş olan bir web sitesiyle karşılaştıklarını söylüyor.
  • Mobil internet kullanıcılarının% 51’i, kilitlenen, donan veya bir hata alan bir web sitesiyle karşılaştıklarını söylüyor.
  • Mobil internet kullanıcılarının% 38’i mevcut olmayan bir web sitesiyle karşılaştıklarını söylüyor.
  • Tüketicilerin% 47’si bir web sayfasının 2 saniye veya daha kısa sürede yüklenmesini bekliyor.
  • İnsanların% 40’ı, yüklenmesi 3 saniyeden uzun süren bir web sitesini terk ediyor.
  • Sayfa yanıtında 1 saniyelik bir gecikme, dönüşümlerde% 7’lik bir azalmaya neden olabilir.
  • Bir e-ticaret sitesi günde 100.000 TL kazanıyorsa, 1 saniyelik bir sayfa gecikmesi potansiyel olarak her yıl 2,5 milyon TL satış kaybına mal olabilir

Peki içeriklerinizde hangi resim formatını, PNG veya JPG’yi kullanmalısınız? Sonuçta, resimler doğrudan sayfa yükleme süresini ve UX’i etkiler. Hangisi senin için daha iyi?

PNG ve JPEG Karşılaştırması

JPG veya JPEG, Joint Photographic Experts Group’tur (resim kodlama standardını geliştiren bir ekip). Boyut olarak nispeten daha küçük olan görüntülerin kayıplı bir sıkıştırmasıdır.

PNG, Taşınabilir Ağ Grafikleridir. Daha net ve şeffaf bir arka plana sahip bir görüntünün kayıpsız sıkıştırılmasıdır. Nispeten daha büyük boyuttadır.

jpg png karsilastirma

JPG ve PNG arasındaki fark, görüntüleri sıkıştırmak için kullandıkları algoritmadır. JPG’ler daha küçük olma eğilimindedir, ancak kayıplı sıkıştırma kullanırlar, yani onları her kaydettiğinizde bir miktar kalite kaybedersiniz. PNG’ler daha büyüktür ancak kalite kaybı olmaz.

Mutlaka Okumalısın !  Tarama bütçesi ( Crawl budget ) nedir ? Nasıl optimize edilir?

En kaliteli görüntü formatı nedir?

Tüm resimler sıkıştırılmamış olduğundan, mevcut en yüksek kaliteli resim formatı TIFF’dir. PNG görüntüleri kayıpsız bir sıkıştırma formatı kullanır, bu nedenle depolama için sıkıştırıldıklarında hiçbir kalite kaybı olmaz.
Aşağıda Webp, Png, Jpg ve Gif formatlarının hangi özellikleri desteklediğini görebilirsiniz.
vebp png jpg karsilastirma

Hangi görüntü formatını kullanmalı ?

Temel kural, görsel metin ağırlıklıysa , PNG gitmeniz gereken şeydir çünkü daha nettir ve yüksek netliğe sahiptir. Ek olarak, grafikler, diyagramlar ve infografikler gibi materyaller daha iyi okunabilmeleri için hepsi PNG formatında olmalıdır.

Öte yandan, görüntü yalnızca normal bir fotoğraf veya gerçek hayattan bir görüntü ise, JPG daha iyi bir seçimdir. Çünkü sadece okumak için değil, okumak içindir; görüntünün kenarları bulanık olsa bile, çok fazla sorun olmayacak.

svg png jpeg boyut karsilastirma hangisi hizli 600x291

Görüntüler nasıl sıkıştırılır?

Daha önce de birçok yazımda bahsettiğim gibi, büyük medya dosyaları yükleme süresini artırır. Bu nedenle, ağır yüklenen ve yüksek boyutlu görüntülerden kaçının . Eğer çok büyüklerse sıkıştırın. Görüntüleri sıkıştırmak için kullanabileceğiniz bazı online siteler.

Ayrıca photoshop programı ile görüntü kalitesini değiştirerek kendi bilgisayarınızda da boyutlar ile oynayabilirsiniz. Web sitenizin hızını buradan kontrol edin ve herhangi bir resmin web sayfanızı yavaşlatıp yavaşlatmadığını görün. Varsa, küçültün.

JPG’nin tercih edildiği bazı örnekler:

  • Sosyal medyada paylaşmanız gereken resimler (Facebook, Twitter, vb.)
  • Daha hızlı yükleme süresinin çok önemli olduğu web siteleri, bloglar ve çevrim içi dergiler için kullanılan resimler
  • Kalitenin o kadar önemli olmadığı küçük çözünürlüklü resimler
  • Diğer biçimlerin desteklenemeyebileceği üçüncü taraf hizmetlere yüklenmesi gereken resimler

PNG’nin tercih edildiği bazı örnekler:

  • Uzun vadeli görüntü arşivleme
  • Şeffaf bir arka plana ihtiyaç duyan resimler
  • Mümkün olan en iyi kalitede görüntüler
  • Kolayca ithal ve ihraç edilebilen firma logoları
Mutlaka Okumalısın !  Photoshop ve freehand türkçe karakter sorunu

Sonuç

Sonuç olarak, görüntü dosyası formatlarında herkese uyan tek bir boyut bulamayacağınız gerçeğine alışmamız gerekir. Farklı koşullara ve ihtiyaçlara bağlı olarak, hem PNG hem de JPG formatları geçerli alternatiflerdir. Makalemizin size bilinçli bir karar vermeniz ve vaka başına doğru dosya biçimini seçmeniz için gereken tüm bilgileri sağladığını umuyoruz.

Lütfen yazıyı oylayın !
[Toplam: 3 Ortalama: 4.7]