Yahoo Clever wird am 4. Mai 2021 (Eastern Time, Zeitzone US-Ostküste) eingestellt. Ab dem 20. April 2021 (Eastern Time) ist die Website von Yahoo Clever nur noch im reinen Lesemodus verfügbar. Andere Yahoo Produkte oder Dienste oder Ihr Yahoo Account sind von diesen Änderungen nicht betroffen. Auf dieser Hilfeseite finden Sie weitere Informationen zur Einstellung von Yahoo Clever und dazu, wie Sie Ihre Daten herunterladen.
Wie kann ich ein Bild in HTML mit dem <img> Befehl verkleinern?
Also ich habe Bilder.. und die haben immer ein anderes Format.. also kann ich nicht eine bestimmte größe in pixel im <img> befehl reinschreiben.. Ich will alle Bilder in 25% der Originalgröße des Bildes anzeigen..
dann habe ich zum beispiel das eine bild was 600x400px hat.. und das soll dann in 150x100 angezeigt werden.. und ein anderes bild was zum beispiel 200x300 hat.. soll in 50x75 angezeigt werden..
WIe kann ich das realisieren?
mit <img src='...' width='25%' height='25%'> verzerrt es die bilder immer.. die 25% scheinen sich da nämlich auf den zur verfügung stehenden platz zu beziehen.
Ich hoffe ihr könnt mir helfen.
3 Antworten
- Anonymvor 1 JahrzehntBeste Antwort
Ein Resize von Bildern über die HTML-Tags img width und img length ist eigentlich nicht die feine Art, wenn es ums verkleinern von Fotos geht. Das prozentuale Verkleinern ist außerdem nicht so einfach möglich. Dazu bräuchtest du eine dynamisch erzeugt HTML Seite, zum Beispiel über PHP. Ein Script müsste dann aus jedem Bild die ursprüngliche Auflösung auslesen, umrechnen und als absoluten Wert in img width und img length eintragen.
Die übliche Lösung ist aber das Anlegen sogenannter Thumbnails, einer verkleinerten z.B. briefmarkengroßen Version des Bildes als Vorschau. Das spart Bandbreite beim Laden der Seite, denn deine Lösung würde Analog-Modem-Besitzer zum verzweifeln bringen. Und wenn es nur genug Bildchen sind kriegst du auch langsame DSL-Anschlüsse dazu mehrere Sekunden zu laden. Das ist störend und wirkt unprofessionell.
- Anonymvor 1 Jahrzehnt
<img src=" " alt=" " style="width: px; height: px; border: 1px #{hex-code} solid" />
Dann nur noch Werte für Breite (width), Höhe (height) und eine Rahmenfarbe (z.B. #000 für Schwarz, oder #e01010 für einen Rotton) eintragen. Fertig.
Nebenbei: Das ganze wäre ein so genanntes Inline-CSS. Aber das nur am Rande.
- vor 1 Jahrzehnt
wenn du deinen Quelltext aufrufst mit <img src="http://....."/ direkt dahinter ein Leerzeichen und dann height="200" width="400">
height=Höhe des Bildes
width= Weite des Bildes
Quelle(n): http://versvs.de/
