WaBis

walter.bislins.ch

Grösse eines Bildes

Die Breite eines Bilder muss in Pixel oder Prozent in folgendem Format angegeben werden: 123px oder 20%

Durch Angabe der Bildbreite kann ein Bild in einer anderen Grösse auf der Seite abgebildet werden, als die Bildabmessungen der Datei vorgeben. Es wird aber in jedem Fall die ganze Datei aus dem Internet herunter geladen. Wird keine Grösse angegeben, wird die Grösse wo möglich automatisch ermittelt oder auf den Standardwert DEFAULT_THUMB_WIDTH (180 Pixel) gesetzt.

Die Breite des Bildes kann auch in Prozent der Breite des Containers (z.B: Paragraph, Tabellenzelle, div-Element) angegeben werden. Das Bild wird dann dynamisch mit der Seitenbreite skaliert.

Standardwert

Ohne Angabe der Bildbreite wird die tatsächliche Grösse des Bildes verwendet oder der Standardwert DEFAULT_THUMB_WIDTH (180 Pixel), je nach Verwendung von weiteren Bilder-Flags.

Wenn ein Bild mit einem Rahmen versehen wird, kann das Wiki die Grösse des Bildes nicht in jedem Fall automatisch ermitteln und es wird der Standardwert (180px) verwendet. Es wird daher empfohlen, die Grösse immer explizit anzugeben. Die Höhe muss nie angegeben werden, sie wird immer proportional mitskaliert.

Beispiele

[[:Bild:walti.jpg|Standardwert: tatsächliche Grösse]] 
[[:Bild:walti.jpg|82px|82 Pixel]]
[[:Bild:walti.jpg|41px|41 Pixel]]
[[:Bild:walti.jpg|10%|10%]]

Standardwert: tatsächliche Grösse 82 Pixel 41 Pixel 10%

Ändere die Grösse des Fensters um zu sehen wie das letzte Bild seine Grösse anpasst.

Automatische Verkleinerung von Bildern bei Platzmangel

Wenn der Platz für ein Bild zu knapp ist, zum Beispiel weil die Webseite in einem mobilen Gerät angezeigt wird oder weil das Browserfenster verkleinert wird oder weil ein zugewiesender Bereich für das Bild (z.B. in einer Tabelle) zu klein ist, so wird das Bild automatisch soweit verkleinert, dass es Platz hat.

Durch einen Klick auf das verkleinerte Bild wird das Bild herangezoomt.

Ausnahme

Bilder im GIF-Format, die kleiner oder gleich MIN_FLUID_GIF_SIZE (32 Pixel) sind, werden nicht automatisch verkleinert. Durch Verwendung des Flags fluid kann das automatische Verkleinern auch für diese Bilder aktiviert werden.

Bilder-Flags mit Einfluss auf die Grösse des Bildes

Flag Beschreibung
fluid Bewirkt, dass das Bild bei Platzmangel automatisch verkleinert wird und die Zoomfunktion aktiviert wird. Dieses Flag ist standardmässig bei allen Bildern aktiviert, mit Ausnahme von kleinen GIF-Bildern (kleiner 250 Pixel).
noscale
nozoom
Deaktiviert die automatische Verkleinerung eines Bildes und den automatischen Zoom bei verkleinerten Bildern.

Bei Bildern mit Image-Maps führt das automatische Verkleinern zu nicht mehr passenden Link-Bereichen. Daher ist es sinnvoll, bei diesen Bildern das Flag noscale zu verwenden. Dadurch wird das Bild nicht automatisch verkleinern.

Die Bilder-Links, die per Pointer-Makros definiert werden, funktionieren auch bei vergrösserten oder verkleinerten Bildern korrekt! Hier muss das Flag noscale nicht verwendet werden.

Auch bei anderen Elementen wie div's kann das Flag fluid als Klasse $fluid verwendet werden und hat dann dieselbe Funktion.

Bei Panorama-Bildern oder Bildern für Retina-Displays kann man künstlich eine kleiner Bild-Grösse angeben, als das Bild tatsächlich hat. Um in diesem Fall den sonst automatisch aktivierten Zoom zu unterdrücken, kann das Flag nozoom verwendet werden.

 Weitere Informationen zum Einbinden von Bildern

Weitere Infos zur Seite
Erzeugt Donnerstag, 20. Juli 2006
von wabis
Zum Seitenanfang
Geändert Samstag, 18. Juli 2015
von wabis