Das CMS incca

Support-Bereich für Anwender
Fragen? E-Mail: website-service@eomuc.de

Größe der Bilder auf der Webseite Bilder haben je nach Displaygröße verschiedene Größen.

Im Contentbereich wird ein Bild mit einer maximalen Breite von 830 Pixel angezeigt.

Unser Tipp: Stellen Sie die automatische Größenreduktion im Medienarchiv auf 900 Pixel ein. Dann können sie alle Bilder direkt von der Kamera in voller Größe hochladen, das Medienarchiv reduziert alle auf 900 Pixel.
Diese Bilder passen überall in die Website und werden in der passenden Größe angezeigt.

Bilder die eine bestimmte Größe haben sollen, z.B. ein Portrait mit 120 Pixel müssen von Ihnen auf diese Größe zugeschnitten werden.
Anleitung

Bilder verkleinern

Um schnell möglichst viele Bilder zu verkleinern, gibt es eine Reihe von Programmen, die Sie nutzen können – zwei davon möchten wir Ihnen exemplarisch ans Herz legen: Image Optimizer und GIMP.
Auf der Webseite http://www.imageoptimizer.net/Pages/Home.aspx können Sie Ihre Bilder kostenfrei und ohne Installation des Programms in Windeseile kleinrechnen. Für eine Stapelverarbeitung mehrerer Bilder kann man sich das Tool auch kostenfrei herunterladen.
Auch beim Bildbearbeitungsprogramm GIMP lassen sich Bilder in Stapelverarbeitung kleinrechnen. Hier finden Sie eine Anleitung dazu http://praxistipps.chip.de/stapelverarbeitung-in-gimp-so-gehts_43599

Zu große Bilder schwächen die Leistung des Systems und beeinflussen daher auch das Ranking unserer Seiten bei Google. Wenn sich die Datenmenge in Grenzen hält, machen Sie Ihren Benutzern und Besuchern langfristig eine Freude.
Die Bilder verhalten sich responsiv, d.h. je nach benutztem Gerät (PC, Smartphone, Tablet) kann sich die angezeigte Größe der Bilder verändern.  
Aus diesem Grund ist es nicht möglich Text und Bild genau auf einer Höhe einzubauen, bzw. diese Abstimmung würde nur auf einem Gerät schön ausschauen. Auf jedem anderen Gerät entstünden viele Leerbereiche.

Mögliche Positionen der Bilder:
rechts / links = das Bild wird auf 50% der Seite verkleinert
zentriert / unten / nichts = das Bild wird zu 100% der Größe angezeigt

Text zum Bild:
rechts oder links = Text neben dem Bild
zentriert = Text unter dem Bild
unten = Text über dem Bild
nichts = Text unter dem Bild

Bilder in Kacheln

Diese Bilder müssen querformatig sein.
Die 2x2 Felder große Kachel brauchen Bilder in einer Größe von mindestens 720 * 484 Pixel. Idealerweise nehmen Sie Bilder in genau dieser Größe.

Die 1-Feld-Kachel sollte mit Bildern der Mindestgröße 358 * 241 bestückt werden. Auch hier gehen Bilder mit 720 * 484, diese werden entsprechend skaliert.

Responives Verhalten der Bilder

Wikipedia sagt da folgendes dazu:
Beim Responsive Webdesign (im Deutschen auch responsives Webdesign genannt oder kurz RWD, englisch responsive ‚reagierend‘) handelt es sich um ein gestalterisches und technisches Paradigma zur Erstellung von Websites, so dass diese auf Eigenschaften des jeweils benutzten Endgeräts, vor allem Smartphones und Tabletcomputer, reagieren können. Der grafische Aufbau einer „responsiven“ Website erfolgt anhand der Anforderungen des jeweiligen Gerätes, mit dem die Site betrachtet wird. Dies betrifft insbesondere die Anordnung und Darstellung einzelner Elemente, wie Navigationen, Seitenspalten und Texte, aber auch die Nutzung unterschiedlicher Eingabemethoden von Maus (klicken, überfahren) oder Touchscreen (tippen, wischen). Quelle: https://de.wikipedia.org/wiki/Responsive_Webdesign