Ana içeriğe geç

Önizleme Şablonları

Önizleme şablonları, özniteliklerde kullanılan görüntülerin parametrelerini ayarlamanıza olanak tanır. "Görüntü" veya "Görüntü Grubu" türündeki bir özniteliğe şablon uyguladığınızda, görüntüler önizleme şablonunda belirtilen standartlara göre düzenlenir. Bu, projenizin tasarımının görüntü boyutlarına duyarlı olduğu durumlarda kullanışlıdır. Önizleme şablonunu ayarlayarak, son kullanıcı tarafından görülecek görüntülerin parametrelerini değiştirebilirsiniz.

Önizleme şablonları ile çalışmaya başlamak için "Ayarlar" bölümüne gidin ve ardından "Önizleme Şablonları" alt bölümüne geçin. Bu bölümde, daha önce oluşturulmuş şablonların bir listesi ve yeni şablonlar oluşturmak için bir form bulunmaktadır.

Oluşturma​

Oluşturma formunda şunları belirtin:

  • İsim - Tekil olmayan bir dize.
  • Etiket - Benzersiz bir dize.

Formu doldurduktan sonra "Oluştur" butonuna tıklayın.

Ayarlama​

Genel önizleme şablonları listesinden ayarlamak istediğiniz şablonu seçin ve düzenleme moduna geçmek için dişli simgesine tıklayın Optimize images. Önizleme parametreleri oluşturmak için "Ekle" butonuna tıklayın. Dikey, yatay ve kare görüntü formatlarını ayarlayabilirsiniz.

İlgili formlarda şunları doldurun:

  • Genişlik ve Yükseklik (Kare Kenarı) - Görüntünün sığacağı piksel boyutları.
  • Merkezleme Türü - Görüntü sıkıştırıldığında merkezi eksen olacak çizgi.

Varsayılan Şablon​

Bir şablonda birkaç set oluşturduktan sonra, varsayılan şablonu değiştirebilirsiniz. Bu, CMS'de önizlemeleri görüntülemek için kullanılır.

Silme​

Genel önizleme şablonları listesinden silmek istediğiniz şablonu seçin ve düzenleme moduna geçmek için silme simgesine tıklayın Edit. İşlemi onaylamak için açılan pencerede onaylayın.

LQTP​

Her önizleme şablonu, iki öğeden oluşan bir dizi içerir:

  • Küçültülmüş Görüntü (base64 WebP)

Format: WebP (hızlı yükleme için optimize edilmiştir). Boyut: birkaç yüz bayttan fazla olmamalıdır. Tam görüntü yüklenirken görüntüleme süresini hızlandırmak için doğrudan base64-URI olarak nesneye gömülür.

  • Üretilen Önizleme Tam yükleme sonrası küçültülmüş görüntünün yerini alan ana önizleme görüntüsü.

Avantajlar:

  • Anlık küçültülmüş görüntü gösterimi (ek HTTP istekleri olmadan).
  • Yükleme sonrası tam önizlemeye sorunsuz geçiş.
  • Sıkıştırılmış WebP kullanarak trafik tasarrufu.

Yapı örneği:

{
  "preview_template": [
    "data:image/webp;base64,UklGRl...", // Küçültülmüş Görüntü (base64 WebP)  
    "https://example.com/full-preview.jpg" // Tam Önizleme  
  ]
}

Bu yaklaşım, özellikle yavaş internet bağlantılarında kullanıcı deneyimini iyileştirir.

LQTP hakkında daha fazla bilgi için buraya göz atabilirsiniz. Ayrıca videoyu izleyebilirsiniz.