Resimler nasıl optimize edilir?

22 Ekim, 2017
Resimler nasıl optimize edilir?
Site hızı oldukça önemli, bu konuda hem fikiriz sanırım. Zaten "Web sitelerin ya da blogların hızı SEO'yu nasıl etkiler?" başlıklı yazımda da bu konudan bahsetmiştim. Site hızını arttırmak için kod kısmını bir kenara bırakıp oldukça etkili olan görsel sıkıştırma yöntemini kullanabiliriz. Resimleri optimize ederek sayfaların normalden daha hızlı açılmasını sağlayabiliriz. Peki resimler nasıl optimize edilir?

Resimleri, görselleri optimize etmek için ücretsiz online görsel sıkıştırma sistemlerini kullanabiliriz. Bu sayede görsellerin dosya boyutu küçülecek ve yüklenme hızı da artacaktır.

Görselleri sıkıştırmak için ise TinyPNG, Optimizilla, Compressor.io gibi siteleri kullanabilirsiniz. Bu siteler görsel sıkıştırma konusunda yaygın kullanılan sistemler.

13 yorum:

  1. Görselleri optimize etmek, bloga yüklenen görsellerin kalitesini düşürecek mi?

    YanıtlaSil
    Yanıtlar
    1. Yok düşürmez. Yazı içerisine eklediğim görseli de sıkıştırdım. Orjinaliyle karşılaştırabilirsiniz. https://i.hizliresim.com/V3M5ar.png
      Ama boyut konusunda çok fark var. Orjinali 116 KB, sıkıştırılmış hali ise 28 KB.

      Sil
  2. Ümit hocam bu değindiğiniz konu sayfa hızı konusunda oldukça etkili oluyor.
    Ben bu sıkıştırma işini gtmetrix de siteyi test ettikten sonra sorunlu olan resimleri ve optumize edilmis sekillerini de veriyor. Oradaki ilr yapiyordum sorun olmusmudur hocam.
    Hocam resim demişken benim blogumda resim boyutu kaç olmalı resmin tam gözükmesi icin kaca kaç yapmaliyim resimleri..

    YanıtlaSil
    Yanıtlar
    1. Yok sorun olmaz. Resmin tam görünmesi için "çok büyük" seçeneğini seçin. Bu şekilde tam görünmezse eğer HTML kısmından width değerini 100%, height değerini ise auto olarak düzenleyeni. Bu şekilde sorun çözülecektir.

      Sil
  3. Site açılış hızına etki eden çok fazla neden olabiliyor. Bunların en başında adsense reklamının yoğunluğu geliyor. Çoğu kişi herhangi bir adsense reklamı eklerken her seferinde scprit adresini de ekliyor. Ama scprit URL adresini tema HTML bölümünde head tagı arasına bir kez eklemek yetiyor.

    Onun dışında görsel sıkıştırma işlemi kesinlikle çok faydalı. Kullanan arkadaşlar bunun ne kadar faydalı olduğunu ilerde anlayacaktır.

    CSS ve JS sıkıştırma işlemi de yine sayfa hızına katkı sağlayacak başka bir işlem. Ancak kritrik bir işlem olduğundan deneyimli olmayan kullanıcıların denememesi bence daha iyi.

    YanıtlaSil
    Yanıtlar
    1. Kesinlikle... Görsel sıkıştırma işlemi basit ve etkili bir yöntem olduğundan özellikle paylaşmak istedim bu konuyu. Teşekkürler yorumunuz için.

      Sil
  4. js Sıkıştırmayı Anlatacakmısınız?

    YanıtlaSil
    Yanıtlar
    1. JavaScript değil de CSS kodlarının nasıl sıkıştırıldığından bahsedebilirim.

      Sil
  5. Çok faydalı bir yazı olmuş sitemde fazlaca resim vardı bahsettiğiniz siteleri mutlaka deneyeceğim, teşekkür ederim.

    YanıtlaSil
    Yanıtlar
    1. Biraz zahmetli bir iş ama kesinlikle faydası var. Rica ederim...

      Sil
  6. Hemen uyguluyorum sonucu yazarım burdan.

    YanıtlaSil

Yorum yaparken:
1. İçerik konusuyla alakalı olmasına özen gösterin.
2. Yazım ve dil bilgisi kurallarına uymayı ihmal etmeyin.
3. Konu ile ilgili olmayan sorularınız için ise Blogger Yardım veya İletişim sayfalarını kullanın.

Copyright © 2016 - 2024 Blog Tecrübem. All rights reserved. Powered by Dijidal.com and Blogger. I Google
Sitede yer alan tüm içerikler Blog Tecrübem'e aittir, kullanım koşulları çerçevesinde alıntı yapılabilir.