Bildgrößen: Unterschied zwischen den Versionen

Aus Imperia Support Wiki
 
(36 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
[[Category:Imperia_9]]
+
[[Category:Imperia_CMS]]
 
{{Imperia9}}
 
{{Imperia9}}
  
Die Bildgrößen in Imperia 9 unterscheiden sich von Modul zu Modul. Teilweise werden auch innerhalb der Module verschiedene Bildgrößen angezeigt, wenn sie auf einem anderen Seitentyp verwendet werden.  
+
Mit dem neuen Design-System ändern sich im Grundlayout die angezeigten Containergrößen von Bildern, sie werden nun größer angezeigt. Zudem wurden Seitenverhältnisse der Bilder harmonisiert. Dies bedeutet, dass in Seitentypen und Flexmodulen eingesetzte Bildvarianten, die kleiner als die neuen Containergrößen sind, im neuen Layout fehlerhaft angezeigt werden (verpixelt, unscharf etc.). Veränderte Seitenverhältnisse können dazu führen, dass sich die gezeigten Bildausschnitte ändern, auch wenn die bisher genutzte Bildvariante auf die neuen Containergrößen reagieren kann.  
  
Wir empfehlen die Bilder gleich in der richtigen Größe hochzuladen. Das verlustfreie Skalieren von größeren Bildern funktioniert nur bei einem passenden Seitenverhältnis. Bei den Bildern in Imperia 9 wird ein Seitenverhältnis (Breite:Höhe) von 4:3 oder 2:1 verwendet.
+
Wie auch schon vorher ist das Seitenverhältnis die beste Größe zur Orientierung beim Upload von Bildern. Wir empfehlen die Bilder gleich im, zum Einsatz passenden Seitenverhältnis hochzuladen. Das verlustfreie Skalieren von größeren Bildern funktioniert nur bei einem passenden Seitenverhältnis. Die Seitenverhältnisse (Breite:Höhe), die am häufigsten auf den Seiten angezeigt werden, sind 4:3, 3:4 und 2:1. Ausnahmen davon können spezielle Seitentypen (wie Themen-Übersichtsseite) oder Flexmodule (wie Bildergalerie) bilden. Diese sind in der folgenden Auflistung ebenfalls aufgeführt.  
  
Hier finden Sie eine Übersicht der Bildgrößen.
+
Die angegebene Größe in Pixeln ist nur die Angabe, wie groß das Bild minimal sein darf. Bitte schneiden Sie nicht das Bild auf diese Maße zu, sondern orientieren Sie sich am Seitenverhältnis bei Auswahl und Einsatz der Bilder.
  
== Sortiert nach Flexmodul / Seitentyp ==
+
== Beispiele für Seitenverhältnisse ==
  
=== Bild im Reiter "Inhalt" (groß) ===
+
* 4:3 = Breite 1500px, Höhe 1125px
 +
* 3:4 = Breite 1125px, Höhe 1500px
 +
* 2:1 = Breite 1500px, Höhe 750px
 +
 
 +
== Übersicht geänderter Bildgrößen ==
 +
 
 +
=== Änderung der absoluten Größe (Seitenverhältnis bleibt gleich) ===
 +
 
 +
* [[#Auto-Teaser (Startseite)|Auto-Teaser (Startseite)]]
 +
* [[#Bebauungsplanausschnitt (Seitentyp)|Bebauungsplanausschnitt (Seitentyp)]]
 +
* [[#Bild im Reiter "Inhalt" (groß)|Bild im Reiter "Inhalt" (groß)]]
 +
* [[#Bild im Reiter "Inhalt" (Teaser)|Bild im Reiter "Inhalt" (Teaser)]]
 +
* [[#FAQ|FAQ]]
 +
* [[#Imagemap (Artikel)|Imagemap (Artikel)]]
 +
* [[#Karte|Karte]] - Bild in der Teaser-Darstellung unter der Karte
 +
* [[#RSS-Feed (Artikel)|RSS-Feed (Artikel)]]
 +
* [[#RSS-Feed (Startseite)|RSS-Feed (Startseite)]]
 +
* [[#SimpleSearch Einleitungsbild (Seitentyp)|SimpleSearch Einleitungsbild (Seitentyp)]] - Text rechts neben dem Bild, Text unter dem Bild mit Sidebar
 +
* [[#SimpleSearch Bilder in der Tabellenspalte (SimpleSearch)|SimpleSearch Bilder in der Tabellenspalte (SimpleSearch)]]
 +
* [[#Teaser (Artikel, Übersichtsseite, Newsletter Webansicht)|Teaser (Artikel, Übersichtsseite, Newsletter Webansicht)]]
 +
* [[#Teaser (Startseite)|Teaser (Startseite)]]
 +
* [[#Text/Bild (Artikel, Übersichtsseite, Sidebar, Pressemitteilung, Formular, Newsletter Webansicht)|Text/Bild (Artikel, Übersichtsseite, Sidebar, Pressemitteilung, Formular, Newsletter Webansicht)]] - Quer-, Hochformat und maximale Breite
 +
* [[#Text/Bild (Startseite)|Text/Bild (Startseite)]]
 +
* [[#Themen-Übersichtsseite (Seitentyp)|Themen-Übersichtsseite (Seitentyp)]] - Auto-Teaser halbe Breite Quadratisch, RSS Liste halbe Breite Quadratisch, Teaser: Einspaltig halbe Breite Quadratisch und Zweispaltig Quadratisch, Teaser: Fünfspaltig, Text/Bild: Einspaltig halbe Breite Quadratisch und Zweispaltig Quadratisch
 +
* [[#Top-Box (Startseite)|Top-Box (Startseite)]]
 +
* [[#Video / Audio - Vorschaubild nur Video|Video / Audio - Vorschaubild nur Video]] - sollte redaktionell auf empfohlene Breite und Höhe geändert werden
 +
 
 +
=== Änderung beim Seitenverhältnis und bei der absoluten Größe ===
 +
 
 +
* [[#Galerie|Galerie]]
 +
* [[#Lebenslauf (Seitentyp)|Lebenslauf (Seitentyp)]]
 +
* [[#SimpleSearch Einleitungsbild (Seitentyp)|SimpleSearch Einleitungsbild (Seitentyp)]] - Text unter dem Bild ohne Sidebar
 +
* [[#Logogalerie (Footer)|Logogalerie (Footer)]]
 +
* [[#Themen-Übersichtsseite (Seitentyp)|Themen-Übersichtsseite (Seitentyp)]] - Auto-Teaser halbe Breite Querformat, Auto-Teaser volle Breite Querformat, Auto-Teaser volle Breite Quadratisch, Bild im Reiter Inhalt, RSS Liste halbe Breite Querformat, RSS Liste volle Breite Querformat, RSS Liste volle Breite Quadratisch, Teaser Einspaltig volle Breite Querformat, Teaser Einspaltig volle Breite Hochformat, Teaser: halbe Breite Querformat und Zweispaltig Querformat, Text/Bild Einspaltig volle Breite Querformat, Text/Bild Einspaltig volle Breite Hochformat, Text/Bild: halbe Breite Querformat und Zweispaltig Querformat
 +
 
 +
=== keine Änderung ===
 +
 
 +
* [[#Bühne (Startseite)|Bühne (Startseite)]]
 +
* [[#Text/Bild (Vergrößerung)|Text/Bild (Vergrößerung)]]
 +
 
 +
=== Flexmodul entfällt ===
 +
 
 +
* Bild 300px (Startseite) entfällt
 +
* Text/Bild mehrspaltig (Startseite) entfällt
 +
 
 +
=== neue Flexmodule nach Layoutumstellung ===
 +
 
 +
* [[#Text/Bild mehrspaltig (Artikel) NEU|Text/Bild mehrspaltig (Artikel)]]
 +
 
 +
== Sortiert nach Seitenverhältnis ohne Größe in Pixel==
 +
 
 +
=== 1:1 ===
  
* Bildbreite 540px
+
* Auto-Teaser halbe Breite Quadratisch (Themen-Übersichtsseite)
* Bildhöhe 270px
+
* Auto-Teaser volle Breite Quadratisch (Themen-Übersichtsseite)
* Seitenverhältnis 2:1
+
* Logogalerie (Footer)
 +
* RSS Liste halbe Breite Quadratisch (Themen-Übersichtsseite)
 +
* RSS Liste volle Breite Quadratisch (Themen-Übersichtsseite)
 +
* SimpleSearch 40 x 40 Quadrat (SimpleSearch Bilder in der Tabellenspalte)
 +
* SimpleSearch 80 x 80 Quadrat (SimpleSearch Bilder in der Tabellenspalte)
 +
* Teaser Einspaltig volle Breite Hochformat (Themen-Übersichtsseite)
 +
* Teaser: Einspaltig halbe Breite Quadratisch und Zweispaltig Quadratisch (Themen-Übersichtsseite)
 +
* Teaser: Fünfspaltig (Themen-Übersichtsseite)
 +
* Text/Bild Einspaltig volle Breite Hochformat (Themen-Übersichtsseite)
 +
* Text/Bild: Einspaltig halbe Breite Quadratisch und Zweispaltig Quadratisch (Themen-Übersichtsseite)
  
=== Bild im Reiter "Inhalt" (Teaser) ===
+
=== 2:1 ===
  
* Bildbreite 166px
+
* Auto-Teaser (Startseite)
* Bildhöhe 125px
+
* Bild im Reiter "Inhalt" groß (außer Themen-Übersichtsseite)
* Seitenverhältnis 4:3
+
* Bühne (Startseite)
 +
* RSS-Feed (Startseite)
 +
* SimpleSearch Text unter dem Bild (SimpleSearch Einleitungsbild)
 +
* Teaser (Startseite)
 +
* Text/Bild (Startseite)
 +
* Top-Box (Startseite)
  
=== Bild 300px (Startseite) ===
+
=== 4:3 ===
  
* Bildbreite 300px
+
* Bild im Reiter "Inhalt" (Teaser)
* Bildhöhe 300px
+
* FAQ Querformat
* Seitenverhältnis 1:1
+
* Karte
 +
* RSS-Feed (Artikel)
 +
* SimpleSearch Text rechts neben dem Bild (SimpleSearch Einleitungsbild)
 +
* SimpleSearch Teaser-Größe quer (SimpleSearch Bilder in der Tabellenspalte)
 +
* Teaser Querformat (Artikel, Übersichtsseite, Newsletter Webansicht)
 +
* Text/Bild Querformat (Artikel, Übersichtsseite, Sidebar, Pressemitteilung, Formular, Newsletter Webansicht)
 +
* Text/Bild maximale Breite (Artikel, Übersichtsseite, Sidebar, Pressemitteilung, Formular, Newsletter Webansicht)
 +
* Text/Bild mehrspaltig Querformat (Artikel)
  
=== Bühne (Startseite) ===
+
=== 3:4 ===
  
* Bildbreite 620px
+
* FAQ Hochformat
* Bildhöhe 310px
+
* Lebenslauf
* Seitenverhältnis 2:1
+
* RSS-Feed (Artikel)
 +
* SimpleSearch Teaser-Größe hochkant (SimpleSearch Bilder in der Tabellenspalte)
 +
* Teaser Hochformat (Artikel, Übersichtsseite, Newsletter Webansicht)
 +
* Text/Bild Hochformat (Artikel, Übersichtsseite, Sidebar, Pressemitteilung, Formular, Newsletter Webansicht)
 +
* Text/Bild mehrspaltig Hochformat (Artikel)
  
=== Imagemap (Artikel) ===
+
=== 2,5:1 ===
  
* das Bild wird in Originalgröße angezeigt, aber maximal so breit wie die Seite
+
Dieses Bildformat wird nur auf der Themen-Übersichtsseite verwendet.
** 540px Breite bei Seiten mit Navigation und Servicespalte
 
** 800px Breite bei Seiten ohne Navigation und/oder Servicespalte
 
* Seitenverhältnis abhängig vom Ausgangsbild
 
  
=== Lebenslauf (Seitentyp) ===
+
* Auto-Teaser halbe Breite Querformat
 +
* Auto-Teaser volle Breite Querformat
 +
* RSS Liste halbe Breite Querformat
 +
* RSS Liste volle Breite Querformat
 +
* Teaser: Einspaltig volle Breite Querformat, Einspaltig halbe Breite Querformat und Zweispaltig Querformat
 +
* Text/Bild: Einspaltig volle Breite Querformat, Einspaltig halbe Breite Querformat und Zweispaltig Querformat
  
* Bildbreite 250px
+
=== 3:1 ===
* Bildhöhe 340px
 
* ohne Standard-Seitenverhältnis
 
  
=== Logo (Metanavigation) ===
+
* Bild im Reiter "Inhalt" (Themen-Übersichtsseite)
  
* Bildbreite 50px
+
=== ohne festes Seitenverhältnis ===
* Bildhöhe 75px
 
* ohne Standard-Seitenverhältnis
 
  
=== RSS-Feed (Artikel) ===
+
* Bebauungsplanausschnitt (Seitentyp)
 +
* Galerie
 +
* Imagemap
 +
* Logo Footer (Metanavigation)
 +
* Logo Header (Metanavigation)
 +
* SimpleSearch Bild unskaliert (SimpleSearch Bilder in der Tabellenspalte)
 +
* Text/Bild (Vergrößerung)
 +
* Video / Audio - Vorschaubild nur Video
  
* Bildbreite 166px
+
== Sortiert nach Flexmodul / Seitentyp mit minimalen Pixel-Angaben ==
* Bildhöhe 125px
 
* Seitenverhältnis 4:3
 
  
=== RSS-Feed (Startseite) ===
+
=== Auto-Teaser (Startseite) ===
  
* Bildbreite 300px
 
* Bildhöhe 150px
 
 
* Seitenverhältnis 2:1
 
* Seitenverhältnis 2:1
 +
* minimale Bildbreite 480px (ehem. 300px)
 +
* minimale Bildhöhe 240px (ehem. 150px)
  
=== Teaser (Artikel, Übersichtsseite) ===
+
=== Bebauungsplanausschnitt (Seitentyp) ===
  
 
'''Querformat'''
 
'''Querformat'''
* Bildbreite 166px
+
* Seitenverhältnis ohne
* Bildhöhe 125px
+
* minimale Bildbreite 980px (ehem. 780px)
 +
* minimale Bildhöhe variabel
 +
 
 +
'''Hochformat'''
 +
* Seitenverhältnis ohne
 +
* minimale Bildbreite 480px (ehem. 166px)
 +
* minimale Bildhöhe variabel
 +
 
 +
=== Bild im Reiter "Inhalt" (groß) ===
 +
 
 +
* Seitenverhältnis 2:1
 +
* minimale Bildbreite 980px (ehem. 540px)
 +
* minimale Bildhöhe 490px (ehem. 270px)
 +
 
 +
=== Bild im Reiter "Inhalt" (Teaser) ===
 +
 
 
* Seitenverhältnis 4:3
 
* Seitenverhältnis 4:3
 +
* minimale Bildbreite 480px (ehem. 166px)
 +
* minimale Bildhöhe 360px (ehem. 125px)
  
'''Hochkant'''
+
Das ist die Anzeigegröße im Auto-Teaser mit Teaser-Ansicht.
* Bildbreite 166px
 
* Bildhöhe 221px
 
* Seitenverhältnis 3:4
 
  
=== Teaser (Startseite) ===
+
=== Bühne (Startseite) ===
  
* Bildbreite 300px
 
* Bildhöhe 150px
 
 
* Seitenverhältnis 2:1
 
* Seitenverhältnis 2:1
 +
* minimale Bildbreite 620px
 +
* minimale Bildhöhe 310px
  
=== Text/Bild (Artikel, Übersichtsseite, Sidebar) ===
+
=== FAQ ===
  
 
'''Querformat'''
 
'''Querformat'''
* Bildbreite 166px
 
* Bildhöhe 125px
 
 
* Seitenverhältnis 4:3
 
* Seitenverhältnis 4:3
 +
* minimale Bildbreite 480px (ehem. 166px)
 +
* minimale Bildhöhe 360px (ehem. 125px)
  
'''Hochkant'''
+
'''Hochformat'''
* Bildbreite 166px
 
* Bildhöhe 221px
 
 
* Seitenverhältnis 3:4
 
* Seitenverhältnis 3:4
 +
* minimale Bildbreite 480px (ehem. 166px)
 +
* minimale Bildhöhe 640px (ehem. 221px)
 +
 +
=== Galerie ===
 +
 +
* Seitenverhältnis abhängig vom Ausgangsbild (ehem. 1:1; ohne Seitenverhältnis)
 +
* maximale Bildbreite 980px (ehem. 125px - klein; max. 800px - Vergrößerung)
 +
* maximale Bildhöhe 735px (ehem. 125px - klein; max. 800px - Vergrößerung)
 +
 +
Das Bild wird in diesem Rahmen angezeigt, aber nicht auf diese Maße hoch skaliert. Das Seitenverhältnis des Ausgangsbildes bleibt erhalten. Das Bild erhält bei Bedarf einen dunkelgrauen Rahmen, wenn es kleiner als der Rahmen ist oder das Seitenverhältnis nicht passt. Um einen grauen Rand zu vermeiden, sollten die Bilder ein Seitenverhältnis von 4:3 haben. Dieses Seitenverhältnis ist aber nicht verpflichtend.
 +
 +
=== Imagemap ===
 +
 +
* Seitenverhältnis abhängig vom Ausgangsbild
 +
* das Bild wird in Originalgröße angezeigt, aber maximal so breit wie die Seite
 +
** 980px (ehem. 540px Breite bei Seiten mit Navigation und Servicespalte)
 +
** (ehem. 800px Breite bei Seiten ohne Navigation und/oder Servicespalte)
 +
 +
=== Karte ===
  
=== Text/Bild (Startseite) ===
+
* es können Bilder für die händischen Marker geplegt werden
 +
* es kann nur ein Bild hinterlegt werden, welches bei beiden Varianten angezeigt wird
  
* Bildbreite 300px
+
'''Bild in der Karten-Bubble'''
* Bildhöhe 150px
+
* Seitenverhältnis 4:3
* Seitenverhältnis 2:1
+
* minimale Bildbreite 80px
 +
* minimale Bildhöhe 60px
  
=== Text/Bild (Vergrößerung) ===
+
'''Bild in der Teaser-Darstellung unter der Karte'''
 +
* Seitenverhältnis 4:3
 +
* minimale Bildbreite 480px (ehem. 166px)
 +
* minimale Bildhöhe 360px (ehem. 125px)
  
* das Bild wird in Originalgröße angezeigt
+
=== Lebenslauf (Seitentyp) ===
  
=== Text/Bild mehrspaltig (Startseite) ===
+
* Seitenverhältnis 3:4 (ehem. ohne Standard-Seitenverhältnis)
 +
* minimale Bildbreite 480 px (ehem. 250px)
 +
* minimale Bildhöhe 640px (ehem. 340px)
  
'''Querformat'''
+
=== Logo Footer (Metanavigation) ===
* Bildbreite 267px
 
* Bildhöhe 200px
 
* ohne Standard-Seitenverhältnis
 
  
'''Hochkant'''
 
* Bildbreite 267px
 
* Bildhöhe 356px
 
 
* ohne Standard-Seitenverhältnis
 
* ohne Standard-Seitenverhältnis
 +
* minimale Bildbreite 180px
 +
* minimale Bildhöhe 40px
  
=== Themen-Übersichtsseite (Seitentyp) ===
+
=== Logo Header (Metanavigation) ===
  
'''Bild im Reiter Inhalt'''
 
* Bildbreite 780px
 
* Bildhöhe 280px
 
 
* ohne Standard-Seitenverhältnis
 
* ohne Standard-Seitenverhältnis
 +
* maximale Bildbreite 240px
 +
* Bildhöhe 56px
  
'''Teaser: Einspaltig volle Breite'''
+
Die Bildbreite ist flexibel, kann aber maximal 240px betragen.  
* [[Bildgrößen#Teaser_.28Artikel.2C_.C3.9Cbersichtsseite.29|siehe Teasergröße]]
 
  
'''Teaser: Einspaltig halbe Breite (Querformat) und Zweispaltig Querformat'''
+
Die Bildhöhe sollte mindestens 56px betragen. Bilder, die höher oder niedriger sind, werden auf 56px skaliert.
* Bildbreite 380px
+
 
* Bildhöhe 150px
+
=== Logogalerie (Footer) ===
* ohne Standard-Seitenverhältnis
 
  
'''Teaser: Einspaltig halbe Breite (hochkant) und Zweispaltig hochkant'''
 
* Bildbreite 140px
 
* Bildhöhe 140px
 
 
* Seitenverhältnis 1:1
 
* Seitenverhältnis 1:1
 +
* (ehem. unskaliert)
 +
* minimale Bildbreite 480px
 +
* minimale Bildhöhe 480px
  
'''Teaser: Fünfspaltig'''
+
=== RSS-Feed (Artikel) ===
* Bildbreite 140px
+
 
* Bildhöhe 140px
+
* Seitenverhältnis 4:3
* Seitenverhältnis 1:1
+
* minimale Bildbreite 480px (ehem. 166px)
 +
* minimale Bildhöhe 360px (ehem. 125px)
  
=== Top-Box (Startseite) ===
+
=== RSS-Feed (Startseite) ===
  
* Bildbreite 300px
 
* Bildhöhe 150px
 
 
* Seitenverhältnis 2:1
 
* Seitenverhältnis 2:1
 +
* minimale Bildbreite 480px (ehem. 300px)
 +
* minimale Bildhöhe 240px (ehem. 150px)
 +
 +
=== SimpleSearch Einleitungsbild (Seitentyp) ===
 +
 +
'''Text rechts neben dem Bild'''
 +
* Seitenverhältnis 4:3
 +
* minimale Bildbreite 480px (ehem. 166px)
 +
* minimale Bildhöhe 360px (ehem. 125px)
 +
 +
'''Text unter dem Bild (sowohl mit als auch ohne Sidebar)'''
 +
* Seitenverhältnis 2:1 (ehem. 2:1/ohne Seitenverhältnis)
 +
* minimale Bildbreite 980px (ehem. 540px/780px)
 +
* minimale Bildhöhe 490px (ehem. 270px/280px)
  
=== Video / Audio - Vorschaubild nur Video (Artikel) ===
+
=== SimpleSearch Bilder in der Tabellenspalte (SimpleSearch) ===
  
* Bildbreite 166px
+
'''Teaser-Größe quer (166x125)'''
* Bildhöhe 125px
 
 
* Seitenverhältnis 4:3
 
* Seitenverhältnis 4:3
 +
* minimale Bildbreite 480px (ehem. 166px)
 +
* minimale Bildhöhe 360px (ehem. 125px)
 +
 +
'''Teaser-Größe hochkant (166x221)'''
 +
* Seitenverhältnis 3:4
 +
* minimale Bildbreite 480px (ehem. 166px)
 +
* minimale Bildhöhe 640px (ehem. 221px)
  
== Sortiert nach Seitenverhältnis ==
+
'''Bild unskaliert (bei PDB autoscale)'''
 +
* Seitenverhältnis abhängig vom Ausgangsbild
 +
* minimale Bildbreite 480px (ehem. 166px)
 +
* minimale Bildhöhe 360px (ehem. 125px)
  
=== 1:1 ===
+
Das Bild wird in diesem Rahmen angezeigt, aber nicht auf diese Maße hoch skaliert. Das Seitenverhältnis des Bildes bleibt erhalten.
 +
 
 +
'''40 x 40 (Quadrat)'''
 +
* Seitenverhältnis 1:1
 +
* minimale Bildbreite 480px (ehem. 40px)
 +
* minimale Bildhöhe 480px (ehem. 40px)
 +
 
 +
'''80 x 80 (Quadrat)'''
 +
* Seitenverhältnis 1:1
 +
* minimale Bildbreite 480px (ehem. 80px)
 +
* minimale Bildhöhe 480px (ehem. 80px)
  
* Bild 300px (Startseite)
+
=== Teaser (Artikel, Übersichtsseite, Newsletter Webansicht) ===
* Teaser: Einspaltig halbe Breite und Zweispaltig hochkant (Themen-Übersichtseite)
 
* Teaser: Fünfspaltig (Themen-Übersichtseite)
 
  
=== 2:1 ===
+
'''Querformat'''
 +
* Seitenverhältnis 4:3
 +
* minimale Bildbreite 480px (ehem. 166px)
 +
* minimale Bildhöhe 360px (ehem. 125px)
 +
 
 +
'''Hochformat'''
 +
* Seitenverhältnis 3:4
 +
* minimale Bildbreite 480px (ehem. 166px)
 +
* minimale Bildhöhe 640px (ehem. 221px)
  
* Bild im Reiter "Inhalt" (groß)
+
=== Teaser (Startseite) ===
* Bühne (Startseite)
 
* RSS-Feed (Startseite)
 
* Teaser (Startseite)
 
* Text/Bild (Startseite)
 
* Top-Box (Startseite)
 
  
=== 3:4 ===
+
* Seitenverhältnis 2:1
 +
* minimale Bildbreite 480px (ehem. 300px)
 +
* minimale Bildhöhe 240px (ehem. 150px)
  
* Teaser (Artikel, Übersichtsseite - Hochkant)
+
=== Text/Bild (Artikel, Übersichtsseite, Sidebar, Pressemitteilung, Formular, Newsletter Webansicht) ===
* Text/Bild (Artikel, Übersichtsseite, Sidebar - Hochkant)
 
  
=== 4:3 ===
+
'''Querformat'''
 +
* Seitenverhältnis 4:3
 +
* minimale Bildbreite 480px (ehem. 166px)
 +
* minimale Bildhöhe 360px (ehem. 125px)
  
* Bild im Reiter "Inhalt" (Teaser)
+
'''Hochformat'''
* RSS-Feed (Artikel)
+
* Seitenverhältnis 3:4
* SimpleSearch Einleitungsbild
+
* minimale Bildbreite 480px (ehem. 166px)
* Teaser (Artikel, Übersichtsseite - Querformat)
+
* minimale Bildhöhe 640px (ehem. 221px)
* Text/Bild (Artikel, Übersichtsseite, Sidebar - Querformat)
 
* Text/Bild mehrspaltig (Startseite)
 
* Video / Audio - Vorschaubild nur Video (Artikel)
 
  
=== ohne Standard Seitenverhältnis ===
+
'''maximale Breite'''
 +
* Seitenverhältnis variabel
 +
* minimale Bildbreite variabel - maximal 980px
 +
* minimale Bildhöhe variabel
  
* Bild im Reiter Inhalt (Themen-Übersichtsseite)
+
=== Text/Bild (Startseite) ===
* Lebenslauf (Seitentyp)
 
* Logo (Metanavigation)
 
* Teaser: Einspaltig halbe Breite und Zweispaltig querformat (Themen-Übersichtsseite)
 
* Text/Bild mehrspaltig (Startseite - Querformat und Hochkant)
 
  
== Sortiert nach Größen ==
+
* Seitenverhältnis 2:1
 +
* minimale Bildbreite 480px (ehem. 300px)
 +
* minimale Bildhöhe 240px (ehem. 150px)
  
=== 50x75 ===
+
=== Text/Bild (Vergrößerung) ===
  
* Logo
+
* ohne festes Seitenverhältnis
  
=== 140x140 ===
+
=== Text/Bild mehrspaltig (Artikel) NEU ===
  
* Teaser: Einspaltig halbe Breite und Zweispaltig hochkant (Themen-Übersichtsseite)
+
'''Querformat'''
* Teaser: Fünfspaltig (Themen-Übersichtsseite)
+
* Seitenverhältnis 4:3
 +
* minimale Bildbreite 480px
 +
* minimale Bildhöhe 360px
  
=== 166x125 ===
+
'''Hochformat'''
 +
* Seitenverhältnis 3:4
 +
* minimale Bildbreite 480px
 +
* minimale Bildhöhe 640px
  
* Bild im Reiter "Inhalt" (Teaser)
+
=== Themen-Übersichtsseite (Seitentyp) ===
* RSS-Feed (Artikel, Übersichtsseite, Themen-Übersichtsseite)
 
* SimpleSearch Einleitungsbild
 
* Teaser - Querformat (Artikel, Übersichtsseite)
 
* Teaser: Einspaltig volle Breite (Themen-Übersichtsseite)
 
* Text/Bild - Querformat (Artikel, Übersichtsseite, Sidebar, Pressemeldung)
 
* Video / Audio - Vorschaubild nur Video (Artikel)
 
  
=== 166x221 ===
+
'''Auto-Teaser halbe Breite Querformat'''
 +
* Seitenverhältnis 2,5:1 (ehem. ohne Standard-Seitenverhältnis)
 +
* minimale Bildbreite 480px (ehem. 380px)
 +
* minimale Bildhöhe 192px (ehem. 150px)
  
* Teaser - Hochkant (Artikel, Übersichtsseite)
+
'''Auto-Teaser halbe Breite Quadratisch'''
* Text/Bild - Hochkant (Artikel, Übersichtsseite, Sidebar)
+
* Seitenverhältnis 1:1
 +
* minimale Bildbreite 480px (ehem. 140px)
 +
* minimale Bildhöhe 480px (140px)
  
=== 250x340 ===
+
'''Auto-Teaser volle Breite Querformat'''
 +
* Seitenverhältnis 2,5:1 (ehem. 4:3)
 +
* minimale Bildbreite 480px (ehem. 166px)
 +
* minimale Bildhöhe 192px (ehem. 125px)
  
* Lebenslauf (Seitentyp)
+
'''Auto-Teaser volle Breite Quadratisch'''
 +
* Seitenverhältnis 1:1 (ehem. 3:4)
 +
* minimale Bildbreite 480px (ehem. 166px)
 +
* minimale Bildhöhe 480px (ehem. 221px)
  
=== 267x200 ===
+
'''Bild im Reiter "Inhalt"'''
 +
* Seitenverhältnis 3:1 (ehem. ohne Standard-Seitenverhältnis)
 +
* minimale Bildbreite 980px (ehem. 780px)
 +
* minimale Bildhöhe 327px (ehem. 280px)
  
* Text/Bild mehrspaltig - Querformat (Startseite)  
+
'''RSS Liste halbe Breite Querformat'''
 +
* Seitenverhältnis 2,5:1 (ehem. ohne Standard-Seitenverhältnis)
 +
* minimale Bildbreite 480px (ehem. 380px)
 +
* minimale Bildhöhe 192px (ehem. 150px)
  
=== 267x356 ===
+
'''RSS Liste halbe Breite Quadratisch'''
 +
* Seitenverhältnis 1:1
 +
* minimale Bildbreite 480px (ehem. 140px)
 +
* minimale Bildhöhe 480px (ehem. 140px)
  
* Text/Bild mehrspaltig - Hochkant (Startseite)  
+
'''RSS Liste volle Breite Querformat'''
 +
* Seitenverhältnis 2,5:1 (ehem. 4:3)
 +
* minimale Bildbreite 480px (ehem. 166px)
 +
* minimale Bildhöhe 192px (ehem. 125px)
  
=== 300x150 ===
+
'''RSS Liste volle Breite Quadratisch'''
 +
* Seitenverhältnis 1:1 (ehem. 3:4)
 +
* minimale Bildbreite 480px (ehem. 166px)
 +
* minimale Bildhöhe 480px (ehem. 221px)
  
* RSS-Feed (Startseite)
+
'''Teaser Einspaltig volle Breite Querformat'''
* Teaser (Startseite)
+
* Seitenverhältnis 2,5:1 (ehem. 4:3)
* Text/Bild (Startseite)
+
* minimale Bildbreite 480px (ehem. 166px)
* Top-Box (Startseite)
+
* minimale Bildhöhe 192px (ehem. 125px)
  
=== 300x300 ===
+
'''Teaser Einspaltig volle Breite Hochformat'''
 +
* Seitenverhältnis 1:1 (ehem. 3:4)
 +
* minimale Bildbreite 480px (ehem. 166px)
 +
* minimale Bildhöhe 480px (ehem. 221px)
  
* Bild 300px (Startseite)
+
'''Teaser: Einspaltig halbe Breite Querformat und Zweispaltig Querformat'''
 +
* Seitenverhältnis 2,5:1 (ehem. ohne Standard-Seitenverhältnis)
 +
* minimale Bildbreite 480px (ehem. 380px)
 +
* minimale Bildhöhe 192px (ehem. 150px)
  
=== 380x150 ===
+
'''Teaser: Einspaltig halbe Breite Quadratisch und Zweispaltig Quadratisch'''
 +
* Seitenverhältnis 1:1
 +
* minimale Bildbreite 480px (ehem. 140px)
 +
* minimale Bildhöhe 480px (ehem. 140px)
  
* Teaser: Einspaltig halbe Breite und Zweispaltig Querformat (Themen-Übersichtsseite)
+
'''Teaser: Fünfspaltig'''
 +
* Seitenverhältnis 1:1
 +
* minimale Bildbreite 480px (ehem. 140px)
 +
* minimale Bildhöhe 480px (ehem. 140px)
  
=== 540x270 ===
+
'''Text/Bild Einspaltig volle Breite Querformat'''
 +
* Seitenverhältnis 2,5:1 (ehem. 4:3)
 +
* minimale Bildbreite 480px (ehem. 166px)
 +
* minimale Bildhöhe 192px (ehem. 125px)
  
* Bild im Reiter "Inhalt" (groß)
+
'''Text/Bild Einspaltig volle Breite Hochformat'''
 +
* Seitenverhältnis 1:1 (ehem. 3:4)
 +
* minimale Bildbreite 480px (ehem. 166px)
 +
* minimale Bildhöhe 480px (ehem. 221px)
  
=== 620x310 ===
+
'''Text/Bild: Einspaltig halbe Breite Querformat und Zweispaltig Querformat'''
 +
* Seitenverhältnis 2,5:1 (ehem. ohne Standard-Seitenverhältnis)
 +
* minimale Bildbreite 480px (ehem. 380px)
 +
* minimale Bildhöhe 192px (ehem. 150px)
  
* Bühne (Startseite)
+
'''Text/Bild: Einspaltig halbe Breite Quadratisch und Zweispaltig Quadratisch'''
 +
* Seitenverhältnis 1:1
 +
* minimale Bildbreite 480px (ehem. 140px)
 +
* minimale Bildhöhe 480px (ehem. 140px)
  
=== 780x280 ===
+
=== Top-Box (Startseite) ===
  
* Bild im Reiter "Inhalt" (Themen-Übersichtsseite)
+
* Seitenverhältnis 2:1
 +
* minimale Bildbreite 480px (ehem. 300px)
 +
* minimale Bildhöhe 240px (ehem. 150px)
  
=== Originalgröße ===
+
=== Video / Audio - Vorschaubild nur Video ===
  
* Imagemap, aber maximal so breit wie die Seite ([[Bildgrößen#Imagemap_.28Artikel.29|siehe Imagemap]])
+
* Seitenverhältnis variabel
* Text/Bild (Vergrößerung)
+
* Bildbreite redaktionell pflegbar, empfohlen 980px
 +
* Bildhöhe redaktionell pflegbar, empfohlen leer lassen
  
 
Keywords: Bilder, Format, jpg, jpeg, png, Bildgröße
 
Keywords: Bilder, Format, jpg, jpeg, png, Bildgröße

Aktuelle Version vom 7. April 2022, 08:50 Uhr

Mit dem neuen Design-System ändern sich im Grundlayout die angezeigten Containergrößen von Bildern, sie werden nun größer angezeigt. Zudem wurden Seitenverhältnisse der Bilder harmonisiert. Dies bedeutet, dass in Seitentypen und Flexmodulen eingesetzte Bildvarianten, die kleiner als die neuen Containergrößen sind, im neuen Layout fehlerhaft angezeigt werden (verpixelt, unscharf etc.). Veränderte Seitenverhältnisse können dazu führen, dass sich die gezeigten Bildausschnitte ändern, auch wenn die bisher genutzte Bildvariante auf die neuen Containergrößen reagieren kann.

Wie auch schon vorher ist das Seitenverhältnis die beste Größe zur Orientierung beim Upload von Bildern. Wir empfehlen die Bilder gleich im, zum Einsatz passenden Seitenverhältnis hochzuladen. Das verlustfreie Skalieren von größeren Bildern funktioniert nur bei einem passenden Seitenverhältnis. Die Seitenverhältnisse (Breite:Höhe), die am häufigsten auf den Seiten angezeigt werden, sind 4:3, 3:4 und 2:1. Ausnahmen davon können spezielle Seitentypen (wie Themen-Übersichtsseite) oder Flexmodule (wie Bildergalerie) bilden. Diese sind in der folgenden Auflistung ebenfalls aufgeführt.

Die angegebene Größe in Pixeln ist nur die Angabe, wie groß das Bild minimal sein darf. Bitte schneiden Sie nicht das Bild auf diese Maße zu, sondern orientieren Sie sich am Seitenverhältnis bei Auswahl und Einsatz der Bilder.

Beispiele für Seitenverhältnisse

  • 4:3 = Breite 1500px, Höhe 1125px
  • 3:4 = Breite 1125px, Höhe 1500px
  • 2:1 = Breite 1500px, Höhe 750px

Übersicht geänderter Bildgrößen

Änderung der absoluten Größe (Seitenverhältnis bleibt gleich)

Änderung beim Seitenverhältnis und bei der absoluten Größe

  • Galerie
  • Lebenslauf (Seitentyp)
  • SimpleSearch Einleitungsbild (Seitentyp) - Text unter dem Bild ohne Sidebar
  • Logogalerie (Footer)
  • Themen-Übersichtsseite (Seitentyp) - Auto-Teaser halbe Breite Querformat, Auto-Teaser volle Breite Querformat, Auto-Teaser volle Breite Quadratisch, Bild im Reiter Inhalt, RSS Liste halbe Breite Querformat, RSS Liste volle Breite Querformat, RSS Liste volle Breite Quadratisch, Teaser Einspaltig volle Breite Querformat, Teaser Einspaltig volle Breite Hochformat, Teaser: halbe Breite Querformat und Zweispaltig Querformat, Text/Bild Einspaltig volle Breite Querformat, Text/Bild Einspaltig volle Breite Hochformat, Text/Bild: halbe Breite Querformat und Zweispaltig Querformat

keine Änderung

Flexmodul entfällt

  • Bild 300px (Startseite) entfällt
  • Text/Bild mehrspaltig (Startseite) entfällt

neue Flexmodule nach Layoutumstellung

Sortiert nach Seitenverhältnis ohne Größe in Pixel

1:1

  • Auto-Teaser halbe Breite Quadratisch (Themen-Übersichtsseite)
  • Auto-Teaser volle Breite Quadratisch (Themen-Übersichtsseite)
  • Logogalerie (Footer)
  • RSS Liste halbe Breite Quadratisch (Themen-Übersichtsseite)
  • RSS Liste volle Breite Quadratisch (Themen-Übersichtsseite)
  • SimpleSearch 40 x 40 Quadrat (SimpleSearch Bilder in der Tabellenspalte)
  • SimpleSearch 80 x 80 Quadrat (SimpleSearch Bilder in der Tabellenspalte)
  • Teaser Einspaltig volle Breite Hochformat (Themen-Übersichtsseite)
  • Teaser: Einspaltig halbe Breite Quadratisch und Zweispaltig Quadratisch (Themen-Übersichtsseite)
  • Teaser: Fünfspaltig (Themen-Übersichtsseite)
  • Text/Bild Einspaltig volle Breite Hochformat (Themen-Übersichtsseite)
  • Text/Bild: Einspaltig halbe Breite Quadratisch und Zweispaltig Quadratisch (Themen-Übersichtsseite)

2:1

  • Auto-Teaser (Startseite)
  • Bild im Reiter "Inhalt" groß (außer Themen-Übersichtsseite)
  • Bühne (Startseite)
  • RSS-Feed (Startseite)
  • SimpleSearch Text unter dem Bild (SimpleSearch Einleitungsbild)
  • Teaser (Startseite)
  • Text/Bild (Startseite)
  • Top-Box (Startseite)

4:3

  • Bild im Reiter "Inhalt" (Teaser)
  • FAQ Querformat
  • Karte
  • RSS-Feed (Artikel)
  • SimpleSearch Text rechts neben dem Bild (SimpleSearch Einleitungsbild)
  • SimpleSearch Teaser-Größe quer (SimpleSearch Bilder in der Tabellenspalte)
  • Teaser Querformat (Artikel, Übersichtsseite, Newsletter Webansicht)
  • Text/Bild Querformat (Artikel, Übersichtsseite, Sidebar, Pressemitteilung, Formular, Newsletter Webansicht)
  • Text/Bild maximale Breite (Artikel, Übersichtsseite, Sidebar, Pressemitteilung, Formular, Newsletter Webansicht)
  • Text/Bild mehrspaltig Querformat (Artikel)

3:4

  • FAQ Hochformat
  • Lebenslauf
  • RSS-Feed (Artikel)
  • SimpleSearch Teaser-Größe hochkant (SimpleSearch Bilder in der Tabellenspalte)
  • Teaser Hochformat (Artikel, Übersichtsseite, Newsletter Webansicht)
  • Text/Bild Hochformat (Artikel, Übersichtsseite, Sidebar, Pressemitteilung, Formular, Newsletter Webansicht)
  • Text/Bild mehrspaltig Hochformat (Artikel)

2,5:1

Dieses Bildformat wird nur auf der Themen-Übersichtsseite verwendet.

  • Auto-Teaser halbe Breite Querformat
  • Auto-Teaser volle Breite Querformat
  • RSS Liste halbe Breite Querformat
  • RSS Liste volle Breite Querformat
  • Teaser: Einspaltig volle Breite Querformat, Einspaltig halbe Breite Querformat und Zweispaltig Querformat
  • Text/Bild: Einspaltig volle Breite Querformat, Einspaltig halbe Breite Querformat und Zweispaltig Querformat

3:1

  • Bild im Reiter "Inhalt" (Themen-Übersichtsseite)

ohne festes Seitenverhältnis

  • Bebauungsplanausschnitt (Seitentyp)
  • Galerie
  • Imagemap
  • Logo Footer (Metanavigation)
  • Logo Header (Metanavigation)
  • SimpleSearch Bild unskaliert (SimpleSearch Bilder in der Tabellenspalte)
  • Text/Bild (Vergrößerung)
  • Video / Audio - Vorschaubild nur Video

Sortiert nach Flexmodul / Seitentyp mit minimalen Pixel-Angaben

Auto-Teaser (Startseite)

  • Seitenverhältnis 2:1
  • minimale Bildbreite 480px (ehem. 300px)
  • minimale Bildhöhe 240px (ehem. 150px)

Bebauungsplanausschnitt (Seitentyp)

Querformat

  • Seitenverhältnis ohne
  • minimale Bildbreite 980px (ehem. 780px)
  • minimale Bildhöhe variabel

Hochformat

  • Seitenverhältnis ohne
  • minimale Bildbreite 480px (ehem. 166px)
  • minimale Bildhöhe variabel

Bild im Reiter "Inhalt" (groß)

  • Seitenverhältnis 2:1
  • minimale Bildbreite 980px (ehem. 540px)
  • minimale Bildhöhe 490px (ehem. 270px)

Bild im Reiter "Inhalt" (Teaser)

  • Seitenverhältnis 4:3
  • minimale Bildbreite 480px (ehem. 166px)
  • minimale Bildhöhe 360px (ehem. 125px)

Das ist die Anzeigegröße im Auto-Teaser mit Teaser-Ansicht.

Bühne (Startseite)

  • Seitenverhältnis 2:1
  • minimale Bildbreite 620px
  • minimale Bildhöhe 310px

FAQ

Querformat

  • Seitenverhältnis 4:3
  • minimale Bildbreite 480px (ehem. 166px)
  • minimale Bildhöhe 360px (ehem. 125px)

Hochformat

  • Seitenverhältnis 3:4
  • minimale Bildbreite 480px (ehem. 166px)
  • minimale Bildhöhe 640px (ehem. 221px)

Galerie

  • Seitenverhältnis abhängig vom Ausgangsbild (ehem. 1:1; ohne Seitenverhältnis)
  • maximale Bildbreite 980px (ehem. 125px - klein; max. 800px - Vergrößerung)
  • maximale Bildhöhe 735px (ehem. 125px - klein; max. 800px - Vergrößerung)

Das Bild wird in diesem Rahmen angezeigt, aber nicht auf diese Maße hoch skaliert. Das Seitenverhältnis des Ausgangsbildes bleibt erhalten. Das Bild erhält bei Bedarf einen dunkelgrauen Rahmen, wenn es kleiner als der Rahmen ist oder das Seitenverhältnis nicht passt. Um einen grauen Rand zu vermeiden, sollten die Bilder ein Seitenverhältnis von 4:3 haben. Dieses Seitenverhältnis ist aber nicht verpflichtend.

Imagemap

  • Seitenverhältnis abhängig vom Ausgangsbild
  • das Bild wird in Originalgröße angezeigt, aber maximal so breit wie die Seite
    • 980px (ehem. 540px Breite bei Seiten mit Navigation und Servicespalte)
    • (ehem. 800px Breite bei Seiten ohne Navigation und/oder Servicespalte)

Karte

  • es können Bilder für die händischen Marker geplegt werden
  • es kann nur ein Bild hinterlegt werden, welches bei beiden Varianten angezeigt wird

Bild in der Karten-Bubble

  • Seitenverhältnis 4:3
  • minimale Bildbreite 80px
  • minimale Bildhöhe 60px

Bild in der Teaser-Darstellung unter der Karte

  • Seitenverhältnis 4:3
  • minimale Bildbreite 480px (ehem. 166px)
  • minimale Bildhöhe 360px (ehem. 125px)

Lebenslauf (Seitentyp)

  • Seitenverhältnis 3:4 (ehem. ohne Standard-Seitenverhältnis)
  • minimale Bildbreite 480 px (ehem. 250px)
  • minimale Bildhöhe 640px (ehem. 340px)

Logo Footer (Metanavigation)

  • ohne Standard-Seitenverhältnis
  • minimale Bildbreite 180px
  • minimale Bildhöhe 40px

Logo Header (Metanavigation)

  • ohne Standard-Seitenverhältnis
  • maximale Bildbreite 240px
  • Bildhöhe 56px

Die Bildbreite ist flexibel, kann aber maximal 240px betragen.

Die Bildhöhe sollte mindestens 56px betragen. Bilder, die höher oder niedriger sind, werden auf 56px skaliert.

Logogalerie (Footer)

  • Seitenverhältnis 1:1
  • (ehem. unskaliert)
  • minimale Bildbreite 480px
  • minimale Bildhöhe 480px

RSS-Feed (Artikel)

  • Seitenverhältnis 4:3
  • minimale Bildbreite 480px (ehem. 166px)
  • minimale Bildhöhe 360px (ehem. 125px)

RSS-Feed (Startseite)

  • Seitenverhältnis 2:1
  • minimale Bildbreite 480px (ehem. 300px)
  • minimale Bildhöhe 240px (ehem. 150px)

SimpleSearch Einleitungsbild (Seitentyp)

Text rechts neben dem Bild

  • Seitenverhältnis 4:3
  • minimale Bildbreite 480px (ehem. 166px)
  • minimale Bildhöhe 360px (ehem. 125px)

Text unter dem Bild (sowohl mit als auch ohne Sidebar)

  • Seitenverhältnis 2:1 (ehem. 2:1/ohne Seitenverhältnis)
  • minimale Bildbreite 980px (ehem. 540px/780px)
  • minimale Bildhöhe 490px (ehem. 270px/280px)

SimpleSearch Bilder in der Tabellenspalte (SimpleSearch)

Teaser-Größe quer (166x125)

  • Seitenverhältnis 4:3
  • minimale Bildbreite 480px (ehem. 166px)
  • minimale Bildhöhe 360px (ehem. 125px)

Teaser-Größe hochkant (166x221)

  • Seitenverhältnis 3:4
  • minimale Bildbreite 480px (ehem. 166px)
  • minimale Bildhöhe 640px (ehem. 221px)

Bild unskaliert (bei PDB autoscale)

  • Seitenverhältnis abhängig vom Ausgangsbild
  • minimale Bildbreite 480px (ehem. 166px)
  • minimale Bildhöhe 360px (ehem. 125px)

Das Bild wird in diesem Rahmen angezeigt, aber nicht auf diese Maße hoch skaliert. Das Seitenverhältnis des Bildes bleibt erhalten.

40 x 40 (Quadrat)

  • Seitenverhältnis 1:1
  • minimale Bildbreite 480px (ehem. 40px)
  • minimale Bildhöhe 480px (ehem. 40px)

80 x 80 (Quadrat)

  • Seitenverhältnis 1:1
  • minimale Bildbreite 480px (ehem. 80px)
  • minimale Bildhöhe 480px (ehem. 80px)

Teaser (Artikel, Übersichtsseite, Newsletter Webansicht)

Querformat

  • Seitenverhältnis 4:3
  • minimale Bildbreite 480px (ehem. 166px)
  • minimale Bildhöhe 360px (ehem. 125px)

Hochformat

  • Seitenverhältnis 3:4
  • minimale Bildbreite 480px (ehem. 166px)
  • minimale Bildhöhe 640px (ehem. 221px)

Teaser (Startseite)

  • Seitenverhältnis 2:1
  • minimale Bildbreite 480px (ehem. 300px)
  • minimale Bildhöhe 240px (ehem. 150px)

Text/Bild (Artikel, Übersichtsseite, Sidebar, Pressemitteilung, Formular, Newsletter Webansicht)

Querformat

  • Seitenverhältnis 4:3
  • minimale Bildbreite 480px (ehem. 166px)
  • minimale Bildhöhe 360px (ehem. 125px)

Hochformat

  • Seitenverhältnis 3:4
  • minimale Bildbreite 480px (ehem. 166px)
  • minimale Bildhöhe 640px (ehem. 221px)

maximale Breite

  • Seitenverhältnis variabel
  • minimale Bildbreite variabel - maximal 980px
  • minimale Bildhöhe variabel

Text/Bild (Startseite)

  • Seitenverhältnis 2:1
  • minimale Bildbreite 480px (ehem. 300px)
  • minimale Bildhöhe 240px (ehem. 150px)

Text/Bild (Vergrößerung)

  • ohne festes Seitenverhältnis

Text/Bild mehrspaltig (Artikel) NEU

Querformat

  • Seitenverhältnis 4:3
  • minimale Bildbreite 480px
  • minimale Bildhöhe 360px

Hochformat

  • Seitenverhältnis 3:4
  • minimale Bildbreite 480px
  • minimale Bildhöhe 640px

Themen-Übersichtsseite (Seitentyp)

Auto-Teaser halbe Breite Querformat

  • Seitenverhältnis 2,5:1 (ehem. ohne Standard-Seitenverhältnis)
  • minimale Bildbreite 480px (ehem. 380px)
  • minimale Bildhöhe 192px (ehem. 150px)

Auto-Teaser halbe Breite Quadratisch

  • Seitenverhältnis 1:1
  • minimale Bildbreite 480px (ehem. 140px)
  • minimale Bildhöhe 480px (140px)

Auto-Teaser volle Breite Querformat

  • Seitenverhältnis 2,5:1 (ehem. 4:3)
  • minimale Bildbreite 480px (ehem. 166px)
  • minimale Bildhöhe 192px (ehem. 125px)

Auto-Teaser volle Breite Quadratisch

  • Seitenverhältnis 1:1 (ehem. 3:4)
  • minimale Bildbreite 480px (ehem. 166px)
  • minimale Bildhöhe 480px (ehem. 221px)

Bild im Reiter "Inhalt"

  • Seitenverhältnis 3:1 (ehem. ohne Standard-Seitenverhältnis)
  • minimale Bildbreite 980px (ehem. 780px)
  • minimale Bildhöhe 327px (ehem. 280px)

RSS Liste halbe Breite Querformat

  • Seitenverhältnis 2,5:1 (ehem. ohne Standard-Seitenverhältnis)
  • minimale Bildbreite 480px (ehem. 380px)
  • minimale Bildhöhe 192px (ehem. 150px)

RSS Liste halbe Breite Quadratisch

  • Seitenverhältnis 1:1
  • minimale Bildbreite 480px (ehem. 140px)
  • minimale Bildhöhe 480px (ehem. 140px)

RSS Liste volle Breite Querformat

  • Seitenverhältnis 2,5:1 (ehem. 4:3)
  • minimale Bildbreite 480px (ehem. 166px)
  • minimale Bildhöhe 192px (ehem. 125px)

RSS Liste volle Breite Quadratisch

  • Seitenverhältnis 1:1 (ehem. 3:4)
  • minimale Bildbreite 480px (ehem. 166px)
  • minimale Bildhöhe 480px (ehem. 221px)

Teaser Einspaltig volle Breite Querformat

  • Seitenverhältnis 2,5:1 (ehem. 4:3)
  • minimale Bildbreite 480px (ehem. 166px)
  • minimale Bildhöhe 192px (ehem. 125px)

Teaser Einspaltig volle Breite Hochformat

  • Seitenverhältnis 1:1 (ehem. 3:4)
  • minimale Bildbreite 480px (ehem. 166px)
  • minimale Bildhöhe 480px (ehem. 221px)

Teaser: Einspaltig halbe Breite Querformat und Zweispaltig Querformat

  • Seitenverhältnis 2,5:1 (ehem. ohne Standard-Seitenverhältnis)
  • minimale Bildbreite 480px (ehem. 380px)
  • minimale Bildhöhe 192px (ehem. 150px)

Teaser: Einspaltig halbe Breite Quadratisch und Zweispaltig Quadratisch

  • Seitenverhältnis 1:1
  • minimale Bildbreite 480px (ehem. 140px)
  • minimale Bildhöhe 480px (ehem. 140px)

Teaser: Fünfspaltig

  • Seitenverhältnis 1:1
  • minimale Bildbreite 480px (ehem. 140px)
  • minimale Bildhöhe 480px (ehem. 140px)

Text/Bild Einspaltig volle Breite Querformat

  • Seitenverhältnis 2,5:1 (ehem. 4:3)
  • minimale Bildbreite 480px (ehem. 166px)
  • minimale Bildhöhe 192px (ehem. 125px)

Text/Bild Einspaltig volle Breite Hochformat

  • Seitenverhältnis 1:1 (ehem. 3:4)
  • minimale Bildbreite 480px (ehem. 166px)
  • minimale Bildhöhe 480px (ehem. 221px)

Text/Bild: Einspaltig halbe Breite Querformat und Zweispaltig Querformat

  • Seitenverhältnis 2,5:1 (ehem. ohne Standard-Seitenverhältnis)
  • minimale Bildbreite 480px (ehem. 380px)
  • minimale Bildhöhe 192px (ehem. 150px)

Text/Bild: Einspaltig halbe Breite Quadratisch und Zweispaltig Quadratisch

  • Seitenverhältnis 1:1
  • minimale Bildbreite 480px (ehem. 140px)
  • minimale Bildhöhe 480px (ehem. 140px)

Top-Box (Startseite)

  • Seitenverhältnis 2:1
  • minimale Bildbreite 480px (ehem. 300px)
  • minimale Bildhöhe 240px (ehem. 150px)

Video / Audio - Vorschaubild nur Video

  • Seitenverhältnis variabel
  • Bildbreite redaktionell pflegbar, empfohlen 980px
  • Bildhöhe redaktionell pflegbar, empfohlen leer lassen

Keywords: Bilder, Format, jpg, jpeg, png, Bildgröße