Bilder

Grundsätzlich sind im Inhaltsbereich wenige, dafür grosszügige Bilder vorzuziehen. Bilder über die volle Inhaltsbreite funktionieren im Responsive Design am besten.
Werden kleine Bilder ausgerichtet verwendet, so sind die unten genannten Formatvorlagenklassen zu verwenden. Besonders bei kleinen Screens kann es hier aber zu unschönen Darstellungen kommen, wenn Bild und Text (besonders lange Wörter) nicht mehr nebeneinander Platz finden.

Bilder über die volle Inhaltsbreite

Bilder über die volle Inhaltsbreite sollten mindesten 640 Pixel breit sein, damit sie bei jeder Bildschrimgrösse über die gesamte Breite laufen:

Kleinere, ausgerichtete Bilder

Thumbnail (170 Pixel breit) links ausgerichtet. Formatvorlagenklasse:  alignleft
Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh.

Thumbnail (170 Pixel breit) rechts ausgerichtet. Formatvorlagenklasse: alignright
Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec id elit non mi porta gravida at eget metus. Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla.

Thumbnail (170 Pixel breit) zentriert ausgerichtet. Formatvorlagenklasse: aligncenter