Bild verkleinern
- Ersteller unbenannt
- Erstellt am
xXxPeterPanxXx
Neues Mitglied
Dahin wo du das Bild formartierst 
z.B:
img {
width:200px;
height:200px;
}
Aber du musst aufpassen beim verkleinern das dudas Bild nicht verzerst.
z.B:
img {
width:200px;
height:200px;
}
Aber du musst aufpassen beim verkleinern das dudas Bild nicht verzerst.
Was hast Du vor?
Wenn Du den Browser das Bild verkleinern lässt, leidet die Qualität.
Daher ist es immer sinnvoller, das Bild in einem geeigneten Bildbearbeitungsprogramm
auf die Größe zu bringen, die Du brauchst.
Ansonsten gibt es mehrere Wege:
Code:
<img src="img/bild.gif" alt="" width="100" height="100" />
Code:
<img src="img/bild.gif" alt="" class="verkleinertes-bild" />
Code:
.verkleinertes-bild {
width:100px;
height:100px;
}Bernhard
Hallo, wie Bernhard schon sagte: Browser ist nicht dazu geeignet Bilder zu verkleinern (vergrößern), das kann nur ein Bildbearbeitungsprogramm richtig gut.
Ein Bild per HTML oder CSS zu skalieren ist zwar theoretisch möglich, das wirkt sich aber logischerweise negativ auf die Darstellungsqualität aus.
Weil, weder das Hochskalieren, noch das Runterskalieren von Grafiken über die entsprechenden Attribute ist sinnvoll oder erwünscht. Einzige Ausnahmen sind Verläufe und Blind-GIFs. die kannst du beliebig klein und groß notieren.
Da eine Grafik eine feste Größe in Pixeln hat wird bei jeder Skalierung entweder etwas hinzugefügt, oder entfernt. Grafikprogramme können hier einen Qualitätsverlust einigermaßen ausgleichen - Browser können das nicht, denn dafür sind sie nicht da.
