Wolfix Solutions

  • WeRP
  • Plone
  • Lösungen
    • Content Managment
    • E-Commerce
    • e-Mail Marketing
  • Services
    • Hosting
    • Web Grafik & Design
    • (Web)-Programmierung
  • Projekt
  • Aktuelles
  • Referenzen
Das Web ist nicht genug.
Sie sind hier
  1. Startseite
  2. Aktuelles
  3. Arbeiten mit Bildern in Plone
Arbeiten mit Bildern in Plone Mit minimalen Aufwand Bilder in der richtigen Skalierung und Dateigröße dem Besucher präsentieren. https://www.wolfix.at/news/arbeiten-mit-bildern-in-plone https://www.wolfix.at/news/arbeiten-mit-bildern-in-plone/@@download/image/Fotolia_27871146_XS.jpg

Arbeiten mit Bildern in Plone

Mit minimalen Aufwand Bilder in der richtigen Skalierung und Dateigröße dem Besucher präsentieren.

Um Bilder im Web anzuzeigen muss die Höhe und Breite dieser berücksichtigen werden um bei Größenänderungen die Porportionen korrekt beizubehalten. Das automatische Umrechnen auf kleinere Formate ist heute keine Hexerei mehr, das macht Plone ohne manuelles Beitun.

Jetzt kommt es mitunter vor, dass ein und das selbe Bild an mehreren Stellen einer Website angezeigt werden soll. Möchte man aus Gründen der Ästhetik beispielweise auf einer Übersichtsseite die Proportionen der Bilddarstellung ändern (z.B. 16:9 anstatt dem Originalformat 4:3) muss man sich überlegen, wie das Bild in das vorgegebene Fenster eingepasst werden soll. Die folgenden Beispiel sollen etwas Licht in die Sache bringen:

Die Ausgangslage skizziert

Die folgenden Beispiel zeigen mögliche Probleme beim Arbeiten mit Bilder gefolgt vom Lösungsweg in Plone.

Bild in 4:3 mit einem Bildauschnitt 4:3 Skaliert

Das linke Bild zeigt das Original im Format 4:3. Das rechte Bild eine skalierte Version des linken Bildes ebenfalls im Format 4:3. Das Originalbild wird somit poportional verkleinert.

Je nach Bildinhalt und skalierte Größe, kann das im Fokus stehende Element (im Beispiel der Marienkäfer) aufgrund der Endgröße schwer zu erkennen sein.

4_3_scale.jpg

Bild in 4:3 mit einem Bildauschnitt 4:3 mit Fokus

Das linke Bild zeigt das Original im Format 4:3. Das rechte Bild zeigt einen Bildauschnitt des linken Bildes (schwarzer Rahmen) ebenfalls im Format 4:3. Das Bild im Hintergrund ist das Ergebnis das Bildausschnittes skaliert auf die gleiche Größe wie das Originalbild. Die kleinen Bilder im rechten Bild zeigen skalierte Varianten des Bildes mit unterschiedlichen Bildausschnitten mit Fokus auf den Marienkäfer.

Das im Fokus stehende Element wurde durch den gewählten Bildausschnitt herausgearbeitet. Dadurch wird auch in einer z.B. Listenansicht mit kleinem Bild der Inhalt ohne Anstrengung erkannt (Usability).

4_3_same.jpg


Bild in 4:3 mit einem Bildausschnit 16:9

Das Linke Bild zeigt wieder das Original im Format 4:3. Das rechte Bild zeigt einen Bildauschnitt des linken Bildes (schwarzer Rahmen) im Format 16:9 mit Fokus auf den Marienkäfer.

Würde man das Bild automatisch zum Beispiel via CSS (Stylesheet) Anweisung einpassen, würde möglicherweise wichtige Bildelement abgeschnitten werden - die Beispiele im rechten Bild zeigen die Problematik. 

16_9.jpg


Der Weg zum Ziel

Um den Content-Redakteuren die Arbeit mit Bildern zu erleichtern gibt ihnen Plone zwei Funktionen in die Hand:

  1. Bildskalierung: Auswahl der vorskalierten Bildgrößen -Bilder werden in vordefinierten Größen proportional skaliert (thumb (128:128), mini(200:200), preview(400:400) ...). Diese können im Editor ausgewählt werden oder im Layout fix zugewiesen werden.
  2. Bildausschnitteditor: Über den Bildausschnitteditor können den vordefinierten Bildskalierungen der passende Bildausschnitt zugewiesen werden.


Das folgende Video zeigt wie das Arbeiten mit Bildern in Plone funktioniert:

Video Bildzuschnitt

abgelegt unter:
  • Plone
  • Website
  • CMS
  • Übersicht
  • Barrierefreiheit
  • Kontakt
  • Datenschutz
  • Impressum

Wolfix Solutions

Gänsgasse 14
5282 Ranshofen / Braunau am Inn
Oberösterreich
Österreich
E-Mail: office@wolfix.at
Telefon: +43 664 2549626

Wolfix Solutions ist Ihre Webagentur in Ranshofen  bei Braunau, Oberösterreich, Österreich für digitale Lösungen, Websites, Online Marketing und Social Media. Als eine Webagentur sind wir erfolgreich in den Bereichen Digitale Lösungen, Websites, Webdesign, IT Marketing, Online Marketing und Social Media. Wir bieten Konzeption, Umsetzung und Content Management von Websites, Social Media, SEM Kampagnen und SEO. Individuelle digitale Lösungen entwickeln wir in enger Zusammenarbeit mit dem Kunden. Service wird bei uns als Webagentur groß geschrieben. eCommerce betreiben wir mit Webshop und Content Management System. Eine erfolgreiche Website, Social Media Page oder SEM/SEO Kampagne ist optimal auf Ihre Bedürfnisse abgestimmt und wird von uns von Anfang an nach Ihren individuellen Anforderungen entwickelt. Webdesign, Webshop oder eCommerce aus einer Hand - von einer Webagentur für digitale Lösungen.
Als Ihr Webshop Partner und Content Management System (CMS) Integrator setzen wir nach Ihren individuellen Wünschen auch Ihre Website oder Ihren Webshop, sowie Ihre Social Media Page, SEM Kampagne oder SEO, und vieles mehr, um. Wir betreiben erfolgreich SEO, SEM und bringen Sie weiter im Commerce/eCommerce! Gerne stellen wir Ihnen unsere digitalen Lösungen für Ihren erfolgreichen Online Dialog, Webshop oder Website vor.
Ihre Wolfix Solutions aus Ranshofen bei Braunau, Oberösterreich. Ihre kompetente Webagentur für Ihre Website, Webshop und vieles mehr!