Bildgrößen: Unterschied zwischen den Versionen

Aus Imperia Support Wiki
Zeile 14: Zeile 14:
 
* Bildbreite 540px
 
* Bildbreite 540px
 
* Bildhöhe 270px
 
* Bildhöhe 270px
 +
* Seitenverhältnis 2:1
  
 
=== Bild im Reiter "Inhalt" (Teaser) ===
 
=== Bild im Reiter "Inhalt" (Teaser) ===
Zeile 19: Zeile 20:
 
* Bildbreite 166px
 
* Bildbreite 166px
 
* Bildhöhe 125px
 
* Bildhöhe 125px
 +
* Seitenverhältnis 4:3
  
 
=== Bild 300px (Startseite) ===
 
=== Bild 300px (Startseite) ===
Zeile 24: Zeile 26:
 
* Bildbreite 300px
 
* Bildbreite 300px
 
* Bildhöhe 300px
 
* Bildhöhe 300px
 +
* Seitenverhältnis 1:1
  
 
=== Bühne (Startseite) ===
 
=== Bühne (Startseite) ===
Zeile 29: Zeile 32:
 
* Bildbreite 620px
 
* Bildbreite 620px
 
* Bildhöhe 310px
 
* Bildhöhe 310px
 +
* Seitenverhältnis 2:1
  
 
=== Imagemap (Artikel) ===
 
=== Imagemap (Artikel) ===
Zeile 35: Zeile 39:
 
** 540px Breite bei Seiten mit Navigation und Servicespalte
 
** 540px Breite bei Seiten mit Navigation und Servicespalte
 
** 800px Breite bei Seiten ohne Navigation und/oder Servicespalte
 
** 800px Breite bei Seiten ohne Navigation und/oder Servicespalte
 +
* Seitenverhältnis abhängig vom Ausgangsbild
  
 
=== Lebenslauf (Seitentyp) ===
 
=== Lebenslauf (Seitentyp) ===
Zeile 40: Zeile 45:
 
* Bildbreite 250px
 
* Bildbreite 250px
 
* Bildhöhe 340px
 
* Bildhöhe 340px
 +
* ohne Standard-Seitenverhältnis
  
 
=== Logo (Metanavigation) ===
 
=== Logo (Metanavigation) ===
Zeile 45: Zeile 51:
 
* Bildbreite 50px
 
* Bildbreite 50px
 
* Bildhöhe 75px
 
* Bildhöhe 75px
 +
* ohne Standard-Seitenverhältnis
  
 
=== RSS-Feed (Artikel) ===
 
=== RSS-Feed (Artikel) ===
Zeile 50: Zeile 57:
 
* Bildbreite 166px
 
* Bildbreite 166px
 
* Bildhöhe 125px
 
* Bildhöhe 125px
 +
* Seitenverhältnis 4:3
  
 
=== RSS-Feed (Startseite) ===
 
=== RSS-Feed (Startseite) ===
Zeile 55: Zeile 63:
 
* Bildbreite 300px
 
* Bildbreite 300px
 
* Bildhöhe 150px
 
* Bildhöhe 150px
 +
* Seitenverhältnis 2:1
  
 
=== Teaser (Artikel, Übersichtsseite) ===
 
=== Teaser (Artikel, Übersichtsseite) ===
Zeile 61: Zeile 70:
 
* Bildbreite 166px
 
* Bildbreite 166px
 
* Bildhöhe 125px
 
* Bildhöhe 125px
 +
* Seitenverhältnis 4:3
  
 
'''Hochkant'''
 
'''Hochkant'''
 
* Bildbreite 166px
 
* Bildbreite 166px
 
* Bildhöhe 221px
 
* Bildhöhe 221px
 +
* Seitenverhältnis 3:4
  
 
=== Teaser (Startseite) ===
 
=== Teaser (Startseite) ===
Zeile 70: Zeile 81:
 
* Bildbreite 300px
 
* Bildbreite 300px
 
* Bildhöhe 150px
 
* Bildhöhe 150px
 +
* Seitenverhältnis 2:1
  
 
=== Text/Bild (Artikel, Übersichtsseite, Sidebar) ===
 
=== Text/Bild (Artikel, Übersichtsseite, Sidebar) ===
Zeile 76: Zeile 88:
 
* Bildbreite 166px
 
* Bildbreite 166px
 
* Bildhöhe 125px
 
* Bildhöhe 125px
 +
* Seitenverhältnis 4:3
  
 
'''Hochkant'''
 
'''Hochkant'''
 
* Bildbreite 166px
 
* Bildbreite 166px
 
* Bildhöhe 221px
 
* Bildhöhe 221px
 +
* Seitenverhältnis 3:4
  
 
=== Text/Bild (Startseite) ===
 
=== Text/Bild (Startseite) ===
Zeile 85: Zeile 99:
 
* Bildbreite 300px
 
* Bildbreite 300px
 
* Bildhöhe 150px
 
* Bildhöhe 150px
 +
* Seitenverhältnis 2:1
  
 
=== Text/Bild (Vergrößerung) ===
 
=== Text/Bild (Vergrößerung) ===
Zeile 95: Zeile 110:
 
* Bildbreite 267px
 
* Bildbreite 267px
 
* Bildhöhe 200px  
 
* Bildhöhe 200px  
 +
* ohne Standard-Seitenverhältnis
  
 
'''Hochkant'''
 
'''Hochkant'''
 
* Bildbreite 267px
 
* Bildbreite 267px
 
* Bildhöhe 356px
 
* Bildhöhe 356px
 +
* ohne Standard-Seitenverhältnis
  
 
=== Themen-Übersichtsseite (Seitentyp) ===
 
=== Themen-Übersichtsseite (Seitentyp) ===
Zeile 105: Zeile 122:
 
* Bildbreite 780px
 
* Bildbreite 780px
 
* Bildhöhe 280px
 
* Bildhöhe 280px
 +
* ohne Standard-Seitenverhältnis
  
 
'''Teaser: Einspaltig volle Breite'''
 
'''Teaser: Einspaltig volle Breite'''
Zeile 112: Zeile 130:
 
* Bildbreite 380px
 
* Bildbreite 380px
 
* Bildhöhe 150px
 
* Bildhöhe 150px
 +
* ohne Standard-Seitenverhältnis
  
 
'''Teaser: Einspaltig halbe Breite und Zweispaltig hochkant'''
 
'''Teaser: Einspaltig halbe Breite und Zweispaltig hochkant'''
 
* Bildbreite 140px
 
* Bildbreite 140px
 
* Bildhöhe 140px
 
* Bildhöhe 140px
 +
* Seitenverhältnis 1:1
  
 
'''Teaser: Fünfspaltig'''
 
'''Teaser: Fünfspaltig'''
 
* Bildbreite 140px
 
* Bildbreite 140px
 
* Bildhöhe 140px
 
* Bildhöhe 140px
 +
* Seitenverhältnis 1:1
  
 
=== Top-Box (Startseite) ===
 
=== Top-Box (Startseite) ===
Zeile 125: Zeile 146:
 
* Bildbreite 300px
 
* Bildbreite 300px
 
* Bildhöhe 150px
 
* Bildhöhe 150px
 +
* Seitenverhältnis 2:1
  
 
=== Video / Audio - Vorschaubild nur Video (Artikel) ===
 
=== Video / Audio - Vorschaubild nur Video (Artikel) ===
Zeile 130: Zeile 152:
 
* Bildbreite 166px
 
* Bildbreite 166px
 
* Bildhöhe 125px
 
* Bildhöhe 125px
 +
* Seitenverhältnis 4:3
  
 
== Sortiert nach Seitenverhältnis ==
 
== Sortiert nach Seitenverhältnis ==

Version vom 7. Februar 2014, 15:59 Uhr

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.

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.

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

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

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

Teaser: Einspaltig halbe Breite und Zweispaltig querformat

  • Bildbreite 380px
  • Bildhöhe 150px
  • ohne Standard-Seitenverhältnis

Teaser: Einspaltig halbe Breite 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

  • Teaser (Artikel, Übersichtsseite - Hochkant)
  • Text/Bild (Artikel, Übersichtsseite, Sidebar - Hochkant)

4:3

  • Bild im Reiter "Inhalt" (Teaser)
  • RSS-Feed (Artikel)
  • 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)
  • RSS-Feed (Artikel, Übersichtsseite, Themen-Übersichtsseite)
  • Teaser - Querformat (Artikel, Übersichtsseite)
  • Teaser: Einspaltig volle Breite (Themen-Übersichtsseite)
  • Text/Bild - Querformat (Artikel, Übersichtsseite, Sidebar, Pressemeldung)
  • Video / Audio - Vorschaubild nur Video (Artikel)

166x221

  • 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 (siehe Imagemap)
  • Text/Bild (Vergrößerung)