Web sitelerinde çok fazla görsel barındıran kişilerin en büyük problemi tartışmasız resimlerin kapladığı alanlar ve sitedeki geç yüklenmelerdir. Bunu bir projemde kendime fazlasıyla dert etmiş ve en iyi sistemi bulmak için epeyce çabalamıştım. Alternatifler arasından seçtiğim bir web sitesi ile bu işi gerçekten doğru yaptığına inandığım bir sistemi şimdi sizlere aktaracağım.
TinyPNG, Akıllı PNG ve JPEG Sıkıştırma olarak belirtiyor web sitesinde.. Bu akıllı kavramına tamamıyla katılıyorum çünkü bir resim üzerinde ortalama %70 üzeri kazanç sağlamamıza olanak veriyor. Öyle ki bir projemde yer alan 1000+ görseli bu sistem ile küçülttüğümde site hızında %50'ye varan hız sağlarken alandan da büyük tasarruf etmiş oldum.
Bu sistemler nasıl oluyor da dosya boyutunu küçültüyor?
Sistemler temelde insan gözü tarafından çok fazla ayırt edilemeyecek renk tonlarını alıp yokediyor. Yani bir anlamda Photoshop'ta ki stamp aracını alıyor ve alanları kaydırarak boyuyor. Bunu yaparken kayıp minimum kalırken boyuttan kazanç devasa olabiliyor.
Neden bu sistemleri kullanmak zorundayız?
Günümüzde web sitelerine göz attığımda hız bir numaralı kullanıcıyı tutma unsurudur. Bu sebeple ne kadar iyi optimize edilmiş site, o kadar fazla kulanıcı memnuniyeti demektir. Ee hem kullanıcıyı memnun ediyoruz hem de alandan tasarruf sağlıyoruz. Neden kullanmayalım ki?
Aşağıda iki adet resmi inceleyim.
NORMAL GÖRSEL: 138.6 KB SIKIŞTIRILMIŞ GÖRSEL: 28.1 KB
Farkı kendiniz uygulayarak da gözlemleyebilirsiniz.
Web Site
Bu sistemi uygulamamıza olanak veren site TinyPNG ve TinyJPG.. İkisinde de mantık ve tasarım aynı, araçların işlevleri uzantıya göre farklıdır. İki siteyi de kullanabilirsiniz.
PNG Resimlerinizi Sıkıştırmak İçin: TinyPNG
JPEG Resimlerinizi Sıkıştırmak İçin: TinyJPG
Sublime Text ile Detaylı Snippet Kullanımı
