Ich brauch mal Eure Hilfe, irgendwie steh ich auf der Leitung.
Ich möchte in meine homepage ein Bild einbinden. Damit das Bild nicht bei Bildschirmauflösungen von 1024x768 den Seitenaufbau sprengt, kann ich es via html ja verkleinern (width=80%). Soweit so gut.
Nun sieht das bei 1920er Auflösungen aber etwas anders aus. Durch die width-Einstellung wird das Bild dann über seine natürliche Auflösung hinaus vergrößert.
Es wäre mir also am liebsten, wenn das Bild immer mit 80% der Bildschirmgröße angezeigt wird, aber maximal mit der nativen Größe.
Ich hatte schon an maxwidth gedacht, allerdings müsste ich dann für jedes Bild die pixelgröße angeben. Möglicherweise könnte man die über ein php-skript einzulesen und dort einzusetzen.....
Habt Ihr spontan eine Idee, bzw. sagt mir mal wo ich auf der Leitung stehe?

die css Variante muss ich mal testen.

die Variante mit dem Hinterlegen mehrerer Auflösungen für ein Bild ist zwar einfach, scheitert aber am vorhandenen Speicherplatz.