Web Görsellerinde Optimizasyon

Web Görsellerinde Optimizasyon


Bir sayfanın yüklenme süresi, sayfa tasarımcısını en çok endişelendiren şeylerden biridir, en azından her tasarımcının umrunda olması gereken bir şeydir. Sayfa düzeni ne kadar güzel olursa olsun, fonksiyonel olmadığı sürece bunun pek bir anlamı yoktur. Görseller de çok büyük boyutlu olabildikleri için, yüklenme süresi göz önünde bulundurmamız gereken bir durumdur. İşte bu sıkıntı yüzünden size aşağıda bazı araçlar ve ipuçları hazırladık. Her ne kadar daha iyi kalitede jpg kaydetmede usta da olsanız, her zaman böyle eski ya da yeni araçlara bakmakta fayda var. 

İşe Yarar Araçlar

TinyPNG

TinyPNG, az kayıplı sıkıştırma teknikleriyle .png uzantılı dosyalarınızın boyutlarını küçültmenize yarıyor.

https://tinypng.com/

Smush.it

Smush.it, optimizasyon teknikleriyle spesifik görsel formatlarından gereksiz boyutu arındırmaya yarıyor.

http://www.smushit.com/ysmush.it/


OptiPNG

OptiPNG, .png dosyalarınızı, içerdiği bilgiyi kaybetmeden daha küçük boyutlara indirgemenizi sağlıyor.

http://optipng.sourceforge.net/

ImageOptim

ImageOptim de bir optimizasyon aracıdır. .gif, .jpg ve .png uzantılı görsellerinizin parametrelerini optimize edip gereksiz yorum ve renk profillerinden arındırarak görsellerinizin daha az yer kaplamasını sağlıyor.

http://imageoptim.com/

CodeKit

CodeKit, web sayfanızı daha hızlı ve daha iyi şekilde yapılandırmanıza yarıyor, ayrıca görsellerinizi de optimize ediyor.

http://incident57.com/codekit/

imgo

Görseller için bir optimizasyon aracıdır.

https://github.com/imgo/imgo

JQuery Lazyload

jQuery, yavaş yüklenen görselleriniz için bir eklentidir.

https://github.com/tuupola/jquery_lazyload

 

 

0
like
0
love
0
haha
0
wow
0
sad
0
angry