Bilder auf Webseite kleinrechnen für Handydarstellung

[Tim1980]

Hallo, vielleicht könnt Ihr mir helfen.
Mein Fitnessstudio hat mich gerade gefragt, ob ich ihnen mit der Webseite weiterhelfen kann.
http://www.bodyline-fitness.eu/
Es geht darum, dass verschiedene Bilder / Beiträge auf dem Handy nicht richtig kleingerechnet werden und dort viel zu groß angezeigt werden.
Gibt es da eine einfache Lösung für?
Oder müssen die Bilder selbst einfach kleiner gemacht werden?

Vielleicht könnt Ihr mir helfen.

Tim

 

[lachender_engel]

Die einfachste Lösung ist jemanden zu beauftragen der Ahnung hat und nicht jemanden der nur einen Computer bedienen kann.

 

[dn3d_fanboy]

Kann man per CSS machen, bspw. max-width: 100%; height: auto;

Aber da scheint so einiges nicht richtig zu laufen. In der mobilen Ansicht geht die Breite über die Monitorbreite hinaus, Paddings sind falsch, usw. usf.

 

[Myhar]

Ja, die sauberste Lösung (aus html seite) ist, das picture Element zu verwenden.
Einfachste ist, die Größe per CSS zu beschränken, dann darf sich dein Kunde aber nicht beschweren, wenn die Seite auf google deshalb schlechter gefunden wird.
Hier mal ein Bsp. für picture element https://www.html5rocks.com/en/tutorials/responsive/picture-element/

 

[Andre_S]

Das Responsive Design ist auf der Seite recht gut gelungen. Verändere mal die Browserbreite. Sobald es von mehr- auf einspaltig umschnappt wie in der Rubrik UNSER TEAM passt sich die Bildgröße der Breite an. Das war sicher Absicht und ist mMn. auch gut so.

Die Hinterlegten Bilder sind allerdings viel zu groß - bspw. Fred 2000x2426px verlangsamt nur den Bildaufbau und verschlechtert das SEO.

 

[Tim1980]

Hallo!
Vielen Dank für die vielen Tipps und Vorschläge hier.
Ich schau mir das ganze mal am Montag an und probiere Eure Tipps umzustzen.
Wäre eine Möglichkeit vielleicht ein bisschen Geld dazu verdienen zu können, wenn ich das hinbekommen würde.

Klar, die Fotos sollten jetzt nicht 2000x2426 px groß sein, das ist viel zu groß.

Viele Grüße
Tim