Bildgröße an Bildschirmauflösung anpassen

Status
Für weitere Antworten geschlossen.

talkinghead

Well-known member
Bildgröße an Bildschirmauflösung anpassen

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?
 
leg doch für alle möglichen Formate die Datei ab, frag die Bildschirmgröße ab und stelle es nativ dar.
 
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.
 
Status
Für weitere Antworten geschlossen.

Beliebte Schlagwörter

Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen alternativen Browser verwenden.

Zurück
Oben Unten