- 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 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.
En kaliteli görüntü formatı nedir?

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.

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ı
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.
Profesyonel GRAFİKler firmalar için ve projeler için yüksek önem arzetmektedir. Kurumsallığın en büyük göstergelerinden birisidir.