Ana içeriğe geç

Önizleme Şablonları

Önizleme şablonları, özniteliklerde kullanılan görüntülerin parametrelerini ayarlamanıza olanak tanır. "Resim" veya "Resim 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ünü açın ve ardından "Önizleme Şablonları" alt bölümüne gidin. 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 cinsinden boyutlar.
  • Merkezleme Türü - Görüntü sıkıştırıldığında merkezi eksen olacak olan ç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. Açılan pencerede işlemi onaylayın.

LQTP​

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

  • Küçültülmüş Resim (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 biçiminde nesneye gömülür.

  • Üretilen Önizleme Tam yükleme sonrası küçültülmüş resmi değiştiren 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 pürüzsüz geçiş.
  • Sıkıştırılmış WebP kullanarak trafik tasarrufu.

Yapı örneği:

{
  "preview_template": [
    "data:image/webp;base64,UklGRl...", // Küçültülmüş Resim (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 buradan öğrenebilirsiniz. Ayrıca videoyu izleyebilirsiniz.