Testseite: Unterschied zwischen den Versionen

Aus Imperia Support Wiki
(Die Seite wurde neu angelegt: „ Category:Imperia_CMS {{Imperia9}} == Bildgrößen neues Layout (Design-system) == Mit dem neuen Design-System ändern sich im Grundlayout die angezeigte…“)
 
(Die Seite wurde geleert.)
Markierung: Geleert
 
Zeile 1: Zeile 1:
  
[[Category:Imperia_CMS]]
 
{{Imperia9}}
 
 
== Bildgrößen neues Layout (Design-system) ==
 
 
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 un der folgenden Auflistung ebenfalls aufgeführt.
 
 
=== Übersicht geänderter Bildgrößen ===
 
 
==== Änderung der absoluten Größe (Seitenverhältnis bleibt gleich) ====
 
 
* [[Bild im Reiter "Inhalt" (groß)]]
 
* [[Bild im Reiter "Inhalt" (Teaser)]]
 
 
==== Änderung beim Seitenverhältnis ====
 
 
==== keine Änderung ====
 
 
* [[Bühne (Startseite)]]
 
 
==== Flexmodul entfällt ====
 
 
* [[Bild 300px (Startseite) entfällt]]
 
 
=== Sortiert nach Flexmodul / Seitentyp ===
 
 
==== Bild im Reiter "Inhalt" (groß) ====
 
 
* Bildbreite 980px (ehem. 540px)
 
* Bildhöhe 490px (ehem. 270px)
 
* Seitenverhältnis 2:1
 
 
==== Bild im Reiter "Inhalt" (Teaser) ====
 
 
* Bildbreite 480px (ehem. 166px)
 
* Bildhöhe 360px (ehem. 125px)
 
* Seitenverhältnis 4:3
 
 
==== Bild 300px (Startseite) entfällt ====
 
 
'''entfällt'''
 
 
 
==== Bühne (Startseite) ====
 
 
* Bildbreite 620px
 
* Bildhöhe 310px
 
* Seitenverhältnis 2:1
 
 
keine Änderung
 
 
==== FAQ ====
 
 
'''Querformat'''
 
* Bildbreite 166px
 
* Bildhöhe 125px
 
* Seitenverhältnis 4:3
 
 
'''Hochkant'''
 
* Bildbreite 166px
 
* Bildhöhe 221px
 
* Seitenverhältnis 3:4
 
 
==== Imagemap (Artikel) ====
 
 
* das Bild wird in Originalgröße angezeigt, aber maximal so breit wie die Seite
 
** 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) ====
 
 
* Bildbreite 250px
 
* Bildhöhe 340px
 
* ohne Standard-Seitenverhältnis
 
 
==== Logo (Metanavigation) ====
 
 
* Bildbreite 50px
 
* Bildhöhe 75px
 
* ohne Standard-Seitenverhältnis
 
 
==== RSS-Feed (Artikel) ====
 
 
* Bildbreite 166px
 
* Bildhöhe 125px
 
* Seitenverhältnis 4:3
 
 
==== RSS-Feed (Startseite) ====
 
 
* Bildbreite 300px
 
* Bildhöhe 150px
 
* Seitenverhältnis 2:1
 
 
==== SimpleSearch Einleitungsbild (Seitentyp) ====
 
 
* Bildbreite 166px
 
* Bildhöhe 125px
 
* Seitenverhältnis 4:3
 
 
==== Teaser (Artikel, Übersichtsseite) ====
 
 
'''Querformat'''
 
* Bildbreite 166px
 
* Bildhöhe 125px
 
* Seitenverhältnis 4:3
 
 
'''Hochkant'''
 
* Bildbreite 166px
 
* Bildhöhe 221px
 
* Seitenverhältnis 3:4
 
 
==== Teaser (Startseite) ====
 
 
* Bildbreite 300px
 
* Bildhöhe 150px
 
* Seitenverhältnis 2:1
 
 
==== Text/Bild (Artikel, Übersichtsseite, Sidebar) ====
 
 
'''Querformat'''
 
* Bildbreite 166px
 
* Bildhöhe 125px
 
* Seitenverhältnis 4:3
 
 
'''Hochkant'''
 
* Bildbreite 166px
 
* Bildhöhe 221px
 
* Seitenverhältnis 3:4
 
 
==== Text/Bild (Startseite) ====
 
 
* Bildbreite 300px
 
* Bildhöhe 150px
 
* Seitenverhältnis 2:1
 
 
==== Text/Bild (Vergrößerung) ====
 
 
* das Bild wird in Originalgröße angezeigt
 
 
==== Text/Bild mehrspaltig (Startseite) ====
 
 
'''Querformat'''
 
* Bildbreite 267px
 
* Bildhöhe 200px
 
* ohne Standard-Seitenverhältnis
 
 
'''Hochkant'''
 
* Bildbreite 267px
 
* Bildhöhe 356px
 
* ohne Standard-Seitenverhältnis
 
 
==== Themen-Übersichtsseite (Seitentyp) ====
 
 
'''Bild im Reiter Inhalt'''
 
* Bildbreite 780px
 
* Bildhöhe 280px
 
* ohne Standard-Seitenverhältnis
 
 
'''Teaser: Einspaltig volle Breite'''
 
* [[Bildgrößen#Teaser_.28Artikel.2C_.C3.9Cbersichtsseite.29|siehe Teasergröße]]
 
 
'''Teaser: Einspaltig halbe Breite (Querformat) und Zweispaltig Querformat'''
 
* Bildbreite 380px
 
* Bildhöhe 150px
 
* ohne Standard-Seitenverhältnis
 
 
'''Teaser: Einspaltig halbe Breite (hochkant) und Zweispaltig hochkant'''
 
* Bildbreite 140px
 
* Bildhöhe 140px
 
* Seitenverhältnis 1:1
 
 
'''Teaser: Fünfspaltig'''
 
* Bildbreite 140px
 
* Bildhöhe 140px
 
* Seitenverhältnis 1:1
 
 
==== Top-Box (Startseite) ====
 
 
* Bildbreite 300px
 
* Bildhöhe 150px
 
* Seitenverhältnis 2:1
 
 
==== Video / Audio - Vorschaubild nur Video (Artikel) ====
 
 
* Bildbreite 166px
 
* Bildhöhe 125px
 
* Seitenverhältnis 4:3
 
 
=== Sortiert nach Seitenverhältnis ===
 
 
==== 1:1 ====
 
 
* Bild 300px (Startseite)
 
* Teaser: Einspaltig halbe Breite und Zweispaltig hochkant (Themen-Übersichtseite)
 
* Teaser: Fünfspaltig (Themen-Übersichtseite)
 
 
==== 2:1 ====
 
 
* Bild im Reiter "Inhalt" (groß)
 
* Bühne (Startseite)
 
* RSS-Feed (Startseite)
 
* Teaser (Startseite)
 
* Text/Bild (Startseite)
 
* Top-Box (Startseite)
 
 
==== 3:4 ====
 
 
* FAQ (Hochkant)
 
* Teaser (Artikel, Übersichtsseite - Hochkant)
 
* Text/Bild (Artikel, Übersichtsseite, Sidebar - Hochkant)
 
 
==== 4:3 ====
 
 
* Bild im Reiter "Inhalt" (Teaser)
 
* FAQ (Querformat)
 
* RSS-Feed (Artikel)
 
* SimpleSearch Einleitungsbild
 
* Teaser (Artikel, Übersichtsseite - Querformat)
 
* Text/Bild (Artikel, Übersichtsseite, Sidebar - Querformat)
 
* Text/Bild mehrspaltig (Startseite)
 
* Video / Audio - Vorschaubild nur Video (Artikel)
 
 
==== ohne Standard Seitenverhältnis ====
 
 
* Bild im Reiter Inhalt (Themen-Übersichtsseite)
 
* Lebenslauf (Seitentyp)
 
* Logo (Metanavigation)
 
* Teaser: Einspaltig halbe Breite und Zweispaltig querformat (Themen-Übersichtsseite)
 
* Text/Bild mehrspaltig (Startseite - Querformat und Hochkant)
 
 
=== Sortiert nach Größen ===
 
 
==== 50x75 ====
 
 
* Logo
 
 
==== 140x140 ====
 
 
* Teaser: Einspaltig halbe Breite und Zweispaltig hochkant (Themen-Übersichtsseite)
 
* Teaser: Fünfspaltig (Themen-Übersichtsseite)
 
 
==== 166x125 ====
 
 
* Bild im Reiter "Inhalt" (Teaser)
 
* FAQ - Querformat
 
* 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 ====
 
 
* FAQ - Hochkant
 
* Teaser - Hochkant (Artikel, Übersichtsseite)
 
* Text/Bild - Hochkant (Artikel, Übersichtsseite, Sidebar)
 
 
==== 250x340 ====
 
 
* Lebenslauf (Seitentyp)
 
 
==== 267x200 ====
 
 
* Text/Bild mehrspaltig - Querformat (Startseite)
 
 
==== 267x356 ====
 
 
* Text/Bild mehrspaltig - Hochkant (Startseite)
 
 
==== 300x150 ====
 
 
* RSS-Feed (Startseite)
 
* Teaser (Startseite)
 
* Text/Bild (Startseite)
 
* Top-Box (Startseite)
 
 
==== 300x300 ====
 
 
* Bild 300px (Startseite)
 
 
==== 380x150 ====
 
 
* Teaser: Einspaltig halbe Breite und Zweispaltig Querformat (Themen-Übersichtsseite)
 
 
==== 540x270 ====
 
 
* Bild im Reiter "Inhalt" (groß)
 
 
==== 620x310 ====
 
 
* Bühne (Startseite)
 
 
==== 780x280 ====
 
 
* Bild im Reiter "Inhalt" (Themen-Übersichtsseite)
 
 
==== Originalgröße ====
 
 
* Imagemap, aber maximal so breit wie die Seite ([[Bildgrößen#Imagemap_.28Artikel.29|siehe Imagemap]])
 
* Text/Bild (Vergrößerung)
 
 
 
<div class="toccolours mw-collapsible mw-collapsed" style="overflow:auto;">
 
== Bildgrößen altes Layout ==
 
<div class="mw-collapsible-content">
 
 
Die Bildgrößen in Imperia unterscheiden sich von Modul zu Modul. Teilweise werden auch innerhalb der Module verschiedene Bildgrößen angezeigt, wenn sie auf einem anderen Seitentyp verwendet werden.
 
 
Wir empfehlen die Bilder gleich im richtigen Seitenverhältnis hochzuladen. Das verlustfreie Skalieren von größeren Bildern funktioniert nur bei einem passenden Seitenverhältnis. Bei den Bildern in Imperia wird meistens ein Seitenverhältnis (Breite:Höhe) von 4:3, 3:4 oder 2:1 verwendet.
 
 
Hier finden Sie eine Übersicht der Bildgrößen.
 
 
=== Sortiert nach Flexmodul / Seitentyp ===
 
 
==== Bild im Reiter "Inhalt" (groß) ====
 
 
* Bildbreite 540px
 
* Bildhöhe 270px
 
* Seitenverhältnis 2:1
 
 
==== Bild im Reiter "Inhalt" (Teaser) ====
 
 
* Bildbreite 166px
 
* Bildhöhe 125px
 
* Seitenverhältnis 4:3
 
 
==== Bild 300px (Startseite) ====
 
 
* Bildbreite 300px
 
* Bildhöhe 300px
 
* Seitenverhältnis 1:1
 
 
==== Bühne (Startseite) ====
 
 
* Bildbreite 620px
 
* Bildhöhe 310px
 
* Seitenverhältnis 2:1
 
 
==== FAQ ====
 
 
'''Querformat'''
 
* Bildbreite 166px
 
* Bildhöhe 125px
 
* Seitenverhältnis 4:3
 
 
'''Hochkant'''
 
* Bildbreite 166px
 
* Bildhöhe 221px
 
* Seitenverhältnis 3:4
 
 
==== Imagemap (Artikel) ====
 
 
* das Bild wird in Originalgröße angezeigt, aber maximal so breit wie die Seite
 
** 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) ====
 
 
* Bildbreite 250px
 
* Bildhöhe 340px
 
* ohne Standard-Seitenverhältnis
 
 
==== Logo (Metanavigation) ====
 
 
* Bildbreite 50px
 
* Bildhöhe 75px
 
* ohne Standard-Seitenverhältnis
 
 
==== RSS-Feed (Artikel) ====
 
 
* Bildbreite 166px
 
* Bildhöhe 125px
 
* Seitenverhältnis 4:3
 
 
==== RSS-Feed (Startseite) ====
 
 
* Bildbreite 300px
 
* Bildhöhe 150px
 
* Seitenverhältnis 2:1
 
 
==== SimpleSearch Einleitungsbild (Seitentyp) ====
 
 
* Bildbreite 166px
 
* Bildhöhe 125px
 
* Seitenverhältnis 4:3
 
 
==== Teaser (Artikel, Übersichtsseite) ====
 
 
'''Querformat'''
 
* Bildbreite 166px
 
* Bildhöhe 125px
 
* Seitenverhältnis 4:3
 
 
'''Hochkant'''
 
* Bildbreite 166px
 
* Bildhöhe 221px
 
* Seitenverhältnis 3:4
 
 
==== Teaser (Startseite) ====
 
 
* Bildbreite 300px
 
* Bildhöhe 150px
 
* Seitenverhältnis 2:1
 
 
==== Text/Bild (Artikel, Übersichtsseite, Sidebar) ====
 
 
'''Querformat'''
 
* Bildbreite 166px
 
* Bildhöhe 125px
 
* Seitenverhältnis 4:3
 
 
'''Hochkant'''
 
* Bildbreite 166px
 
* Bildhöhe 221px
 
* Seitenverhältnis 3:4
 
 
==== Text/Bild (Startseite) ====
 
 
* Bildbreite 300px
 
* Bildhöhe 150px
 
* Seitenverhältnis 2:1
 
 
==== Text/Bild (Vergrößerung) ====
 
 
* das Bild wird in Originalgröße angezeigt
 
 
==== Text/Bild mehrspaltig (Startseite) ====
 
 
'''Querformat'''
 
* Bildbreite 267px
 
* Bildhöhe 200px
 
* ohne Standard-Seitenverhältnis
 
 
'''Hochkant'''
 
* Bildbreite 267px
 
* Bildhöhe 356px
 
* ohne Standard-Seitenverhältnis
 
 
==== Themen-Übersichtsseite (Seitentyp) ====
 
 
'''Bild im Reiter Inhalt'''
 
* Bildbreite 780px
 
* Bildhöhe 280px
 
* ohne Standard-Seitenverhältnis
 
 
'''Teaser: Einspaltig volle Breite'''
 
* [[Bildgrößen#Teaser_.28Artikel.2C_.C3.9Cbersichtsseite.29|siehe Teasergröße]]
 
 
'''Teaser: Einspaltig halbe Breite (Querformat) und Zweispaltig Querformat'''
 
* Bildbreite 380px
 
* Bildhöhe 150px
 
* ohne Standard-Seitenverhältnis
 
 
'''Teaser: Einspaltig halbe Breite (hochkant) und Zweispaltig hochkant'''
 
* Bildbreite 140px
 
* Bildhöhe 140px
 
* Seitenverhältnis 1:1
 
 
'''Teaser: Fünfspaltig'''
 
* Bildbreite 140px
 
* Bildhöhe 140px
 
* Seitenverhältnis 1:1
 
 
==== Top-Box (Startseite) ====
 
 
* Bildbreite 300px
 
* Bildhöhe 150px
 
* Seitenverhältnis 2:1
 
 
==== Video / Audio - Vorschaubild nur Video (Artikel) ====
 
 
* Bildbreite 166px
 
* Bildhöhe 125px
 
* Seitenverhältnis 4:3
 
 
=== Sortiert nach Seitenverhältnis ===
 
 
==== 1:1 ====
 
 
* Bild 300px (Startseite)
 
* Teaser: Einspaltig halbe Breite und Zweispaltig hochkant (Themen-Übersichtseite)
 
* Teaser: Fünfspaltig (Themen-Übersichtseite)
 
 
==== 2:1 ====
 
 
* Bild im Reiter "Inhalt" (groß)
 
* Bühne (Startseite)
 
* RSS-Feed (Startseite)
 
* Teaser (Startseite)
 
* Text/Bild (Startseite)
 
* Top-Box (Startseite)
 
 
==== 3:4 ====
 
 
* FAQ (Hochkant)
 
* Teaser (Artikel, Übersichtsseite - Hochkant)
 
* Text/Bild (Artikel, Übersichtsseite, Sidebar - Hochkant)
 
 
==== 4:3 ====
 
 
* Bild im Reiter "Inhalt" (Teaser)
 
* FAQ (Querformat)
 
* RSS-Feed (Artikel)
 
* SimpleSearch Einleitungsbild
 
* Teaser (Artikel, Übersichtsseite - Querformat)
 
* Text/Bild (Artikel, Übersichtsseite, Sidebar - Querformat)
 
* Text/Bild mehrspaltig (Startseite)
 
* Video / Audio - Vorschaubild nur Video (Artikel)
 
 
==== ohne Standard Seitenverhältnis ====
 
 
* Bild im Reiter Inhalt (Themen-Übersichtsseite)
 
* Lebenslauf (Seitentyp)
 
* Logo (Metanavigation)
 
* Teaser: Einspaltig halbe Breite und Zweispaltig querformat (Themen-Übersichtsseite)
 
* Text/Bild mehrspaltig (Startseite - Querformat und Hochkant)
 
 
=== Sortiert nach Größen ===
 
 
==== 50x75 ====
 
 
* Logo
 
 
==== 140x140 ====
 
 
* Teaser: Einspaltig halbe Breite und Zweispaltig hochkant (Themen-Übersichtsseite)
 
* Teaser: Fünfspaltig (Themen-Übersichtsseite)
 
 
==== 166x125 ====
 
 
* Bild im Reiter "Inhalt" (Teaser)
 
* FAQ - Querformat
 
* 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 ====
 
 
* FAQ - Hochkant
 
* Teaser - Hochkant (Artikel, Übersichtsseite)
 
* Text/Bild - Hochkant (Artikel, Übersichtsseite, Sidebar)
 
 
==== 250x340 ====
 
 
* Lebenslauf (Seitentyp)
 
 
==== 267x200 ====
 
 
* Text/Bild mehrspaltig - Querformat (Startseite)
 
 
==== 267x356 ====
 
 
* Text/Bild mehrspaltig - Hochkant (Startseite)
 
 
==== 300x150 ====
 
 
* RSS-Feed (Startseite)
 
* Teaser (Startseite)
 
* Text/Bild (Startseite)
 
* Top-Box (Startseite)
 
 
==== 300x300 ====
 
 
* Bild 300px (Startseite)
 
 
==== 380x150 ====
 
 
* Teaser: Einspaltig halbe Breite und Zweispaltig Querformat (Themen-Übersichtsseite)
 
 
==== 540x270 ====
 
 
* Bild im Reiter "Inhalt" (groß)
 
 
==== 620x310 ====
 
 
* Bühne (Startseite)
 
 
==== 780x280 ====
 
 
* Bild im Reiter "Inhalt" (Themen-Übersichtsseite)
 
 
==== Originalgröße ====
 
 
* Imagemap, aber maximal so breit wie die Seite ([[Bildgrößen#Imagemap_.28Artikel.29|siehe Imagemap]])
 
* Text/Bild (Vergrößerung)
 
 
</div></div>
 
 
Keywords: Bilder, Format, jpg, jpeg, png, Bildgröße
 

Aktuelle Version vom 12. Juli 2021, 07:29 Uhr