5.1.1.2 Bild- und Dateigrößen

Mit dem Relaunch 2010 von wien.at sind auch neue Bildgrößen notwendig, um ein einheitliches Erscheinungsbild zu gewährleisten und die vollen Möglichkeiten des neuen Layouts nutzen zu können.

Die Bildgrößen im Überblick:

Element	Pixel (Breite x Höhe)	Verhältnis	Maximale Dateigröße
Artikel und Teaser	320 x 180	16:9	20 kB
Teaser 3. Spalte	285 x 95	3:1	15 kB
Topstory (Homepage)	600 x 320	16:9	50 kB
Topstory (Channel)	640 x 270	17:7	30 kB

Die maximale Breite von Objekten im Contentbereich (mittlere Spalte) beträgt 490 Pixel.

Die kB-Werte für die maximale Dateigröße stellen einen Richtwert dar. Je nach Qualität und Inhalt des Bildes kann es vorkommen, dass die kB-Anzahl erhöht werden muss bzw. sogar noch verringert werden kann. Entscheidend ist, dass die kB-Anzahl so gering wie möglich ist, die Bildqualität aber nicht offensichtlich darunter leidet.

Hinweis zur Einbindung von Bildern im Artikel

Querformatige Bilder im Artikel (320 x 180 Pixel) sind im w4/CMS immer auf 50% Breite zu setzen. Die Angabe von Prozentwerten ist notwendig, da sich das wien.at-Layout automatisch an verschiedene Bildschirmfenstergrößen anpasst und so die Bilder ebenfalls automatisch angepasst werden. Bilder in Teasern oder Rasterblöcken sind davon nicht betroffen, da ihre Größe über die jeweiligen CSS-Klassen festgelegt wird.

Querformat versus Hochformat

Um ein möglichst einheitliches Erscheinungsbild zu gewährleisten, sollten in der Regel querformatige Bilder mit einem Verhältnis von 16:9 verwendet werden. Kann aufgrund des Bildmotivs kein sinnvoller querformatiger Bildausschnitt gewählt werden, kann auch ein hochformatiges Bild verwendet werden. Die Breite des Bildes beträgt 220 Pixel, die Höhe ergibt sich aus dem Ausgangsbild (das Motiv darf nicht gestaucht oder gestreckt werden). Hochformatige Bilder sind im w4/CMS immer auf 35% Breite zu setzen.

Beachten Sie jedoch, dass Sie auch aus einem hochformatigen Bild einen querformatigen Bildausschnitt für das Artikelbild wählen können, und erst als Vollansicht das hochformatige Bild verwenden.

Wichtig: für die Teaser und Raster auf der Homepage bzw. Channel- und Themenseiten können aufgrund des wien.at-Layouts ausschließlich querformatige Bilder verwendet werden.

Bilder auf einer Artikelseite sollten die gleiche Breite aufweisen und nach Möglichkeit alle quer- oder alle hochformatig sein, damit ein möglichst ruhiges Gesamtbild gegeben ist.

Vollansicht

Für Fotos, die beim Anklicken des Artikelbildes angezeigt werden (Vollansicht) gilt als Standardgröße 640 Pixel Breite. Dabei ist zu beachten, dass das Verhältnis zwischen der Dateigröße und der Bildqualität (kann man Inhalte ausreichend erkennen) stimmt.

Die Vollansicht öffnet sich in einer sogenannten "Lightbox", einer Art Fenster, das sich über die geöffnete Seite legt. Wenn es auf der Seite mehrere Bilder mit Vollansicht gibt, dann können Sie innerhalb der "Lightbox" durch diese Bilder blättern. Das Fenster kann durch einen "Schließen"-Link in der rechten oberen Ecke, einen Klick auf den ausgegrauten Bereich oder das Drücken der Escape-Taste ("Esc") geschlossen werden.