Resim boyutları

'Opencart 2.3.0.2 Türkçe Tam Sürüm Kurulumu' forumunda tyofen tarafından 26 Kasım 2017 tarihinde açılan konu

  1. tyofen

    tyofen Yeni Üye

    Katılım:
    28 Ekim 2017
    Mesaj:
    12
    Ödül Puanları:
    3
    Cinsiyet:
    Erkek
    Merhaba

    Arkadaşlar opencart sitelerimize yüklediğimiz resimler kaç kb olması lazım sitemizin hızı ve performansı açısından bilgisi olan mevcut mudur?

    Teşekkürler
     
  2. Admin

    Admin yilmaz70 Site Yetkilisi

    Katılım:
    13 Mart 2017
    Mesaj:
    183
    Ödül Puanları:
    28
    Cinsiyet:
    Erkek
    Merhaba,

    Aslında bu konuda bir kaç kriter önemlidir.

    İlk dikkat edilmesi gereken sitenize yüklenecek olan resimlerin mutlaka optimize edilmesi, daha sonra yüklenmesi gerektiğidir.
    Optimize etmek için resim optimizasyon sitesi konumuzda yer alan TinyPNG sitesini tavsiye ederim.
    Kesinlikle resimlerin kalitesini bozmadan optimize etmektedir.

    İkinci kural, kullandığınız özel tema resim boyutlarına dikkat etmeniz gerektiğidir.

    Nasıl mı?
    Örnek olarak ürün resmi tema ayarlarında 500x500 olarak verilmiş ve siz 750x750 olarak ürün resmi yüklüyorsanız mutlaka sitede bazı yavaşlamalar meydana gelecektir.

    Bunun için iki alternatifiniz vardır. Ya ürün resimlerine göre tema ayarlarını düzenleyeceksiniz,
    ya da ürün resimlerinizi tema ayarlarına göre ebatlandıracaksınız.

    Dikkat ederseniz ilk olarak ürün resimlerinden bahsettim çünkü sitede en çok ürünler mevcut olacak ve her ürüne ait bir kaç resim daha ekli olacaktır.
    Ve kullanılan sistem gereği tüm resimler cache dosyasından gösterilmektedir. Yani eklediğimiz tüm resimlere ek olarak cache dosyasında kopya resimler oluşmaktadır. Bunlar da doğal olarak siteye ek yük getirmektedir.

    Konu başlığı son derece yararlı, bu nedenle @tyofen arkadaşımıza teşekkür ediyorum.

    Ürünler için Kb oranı ortalama genelde 50-60 geçtiği zaman daha yavaş açılma meydana geliyor sitelerde, tecrübe ile sabittir :)
    Bu yüzden mümkün olduğunca 500x500 gibi ebatlar kullanıp, ortalama 20 ila 40 Kb arasında tutmaya özen göstermeliyiz optimize işlemi yaparak.
    Ebatlar daha büyük olmak zorunda ise ki, mecbur kalabiliyoruz o zaman resimlerin Photoshop gibi profesyonel programlar ile ebatlandırıp en düşük Kb olarak çıkmasını sağlamamız gerekmektedir. Daha sonra optimize işlemi yapılmalıdır.

    Bir de ana sayfada slaytlarımız vardır biliyorsunuz.
    Slayt resimlerini de mümkün olduğunca 1000x400 ebat dışına çıkarmamaya gayret etmeliyiz.
    Mümkün ise örnek olarak 900x400 - 700x350 - 600x250 gibi yapmalıyız ki optimize sonrası resim Kb olarak düşük olsun.
    Slayt resimleri genişlik olarak 100 üzeri olduğunda gereksiz yere alan kaplamaktadır aslında.
    Slayt resimlerinde tavsiyem ise, ortalama 70-80 Kb geçmemeye özen göstermektir.

    Dikkat edilmesi gereken bir konu ise resimler PNG formatında olur ise, optimize işleminde görsel bozulma olmayacaktır.
    JPG formatında olan resimler giderek görsel anlamda netliği kaybetmektedir.
    Bu yüzden her resmi PNG olarak kullanmaya özen göstermek uzun vadede yararlı olacaktır.

    Diğer önemli olan kural ise, mutlaka resim isimlerinde Türkçe karakter kullanılmaması, kelime aralarında boşluk bırakmamaktır.
    Örnek: yesil-elma.png Eğer; yeşil elma.png olarak yazarsak karakter hatalarına sebep oluruz.

    Kolay gelsin :)
     
    tyofen bunu beğendi.