Kép átméretezés

Hogy lehet manuálisan átméretezni a képeket.

2021.12.21 — Posted by Webb & Flow


Tartalomjegyzék

A feltöltött képekből tud egy méret és formátum mutációt generálni.

Szintaxis:

{IMAGE $image=kep.jpg $width=100 $height=100 $quality=75 $format=jpg}

Paraméterek:

  • $image
    • az átméretezendő kép elérési útvonala
    • lehetséges értékek:
      • egy, a Content Images mappában található kép elérési útvonala
        • például /image/kep.jpg
      • egy PIC vagy UPLOADPIC típusú ExternalData mező neve
        • például PIC1
      • egy, a Design Files mappában található kép elérési útvonala
        • például /design/kep.jpg
  • $width
    • szám
    • opcionális
    • a mutáció szélessége
    • nem érdemes megadni, ha a $height paramétert adjuk meg
  • $height
    • szám
    • opcionális
    • a mutáció magassága
    • nem érdemes megadni, ha a $width paramétert adjuk meg
  • $quality
    • szám (1-100)
    • opcionális
    • kizárólag ha a formátum JPG
    • a mutáció tömörítésénak mértékét határozza meg
    • ha nincs megadva, akkor a default 75 értékkel lesz generálva a kép
  • $format
    • opcionális
    • a mutáció formátuma
    • ha nincs megadva, akkor a portál beállításaiban megadott, elsődleges formátum lesz használva
    • lehetséges értékek:
      • webp
      • png
      • jpg

A $width és a $height paraméterek közül az egyiket mindenképpen meg kell adni.

A függvény hívás helyére a generált kép elérési útvonala fog bekerülni, így azt az <img> vagy <srcset> tag-et, amiben használni szeretnénk, manuálisan kell kialakítani a template-ben.

A kép átméretezés módszertanát lásd bővebben: Automata kép átméretezési lehetőségek