LogoLogo
  • Organisation
    • Intro
    • Kursprogramm
    • Regeln
  • Konzepte & Inhalte
    • CMS
    • Backend
    • Theme
      • Installation
      • Layouts
      • Seiten (Pages)
      • Partials
      • Content (Inhalte)
      • Assets
      • Template Sprache
    • Plugins
      • Bestehende Plugins
      • Script und Style Platzhalter
      • Eigene Plugins
    • Bilder
      • Formate
      • Rechte an Bildern & Inhalten
      • Bilder in OCMS zuschneiden
  • Projekt
    • Projektauftrag
    • Pflichtenheft
    • Projektbriefings
      • Wonderland
      • Kursito
      • Peter & Karin
      • Nexus
      • Techowl
    • Recherche
    • Kundenbriefing
    • Team-Plugin
      • Backend
        • Validierung
        • Porträt
        • Suche
      • Frontend
        • Porträt
    • Static Pages
    • Fehlerseiten 404, 500
    • SEO
      • Meta-Tags
      • Hilfstools
    • Testing
  • Infos
    • Tooling
Powered by GitBook
On this page
  1. Konzepte & Inhalte
  2. Bilder

Bilder in OCMS zuschneiden

Bei Plugins mit Dateianhängen kann ein Bild mit der thumb() Methode ganz einfach zugeschnitten werden.

{#  Bild auf 200 Pixel Breite oder 300 Pixel Höhe zuschneiden. 
    Das Seitenverhältnis des Bildes bleibt bestehen. #}
item.image.thumb(200, 300)

{#  Bild auf genau 200x300 Pixel zuschneiden. 
    Das Seitenverhältnis des Bildes bleibt *nicht* bestehen.
    Das Bild wird ggf. verzerrt. #}
item.image.thumb(200, 300, 'exact')

{#  Bild auf genau 200x300 Pixel zuschneiden. 
    Das Seitenverhältnis des Bildes bleibt *nicht* bestehen.
    Das Bild wird nicht verzerrt.  #}
item.image.thumb(200, 300, 'crop')

Die resultierende Bild-URL kann ganz einfach in einem <img> Tag verwendet werden:

<img src="{{ item.image.thumb(200, 300) }}" alt="">

Last updated 2 years ago