wie ändere ich die bildgröße in css?

[arees]

wie ändere ich eine bildgröße in css?

mit width:100px aber wo muss das rein?

 

[threadi]

Entweder ins Style-Attribut des img-Tags oder in deiner externe CSS-Datei als normale Style-Definition für img-Tags.

 

[devilseye]

z.B. so
in den Head-Teil oder in eine Externe Datei

img.bild {
    min-width:100px;
}

im Body

<img class="bild" src="bild.png" />

 

[harryman]

Hi,

ich würde Bilder nur temporär mit width / height auf die richtige Größe trimmen. Wenn die Optik passt, würde ich das Bild mit einem Bildbearbeitungsprogramm auf die Zielgröße bringen.

Vorteil:
a) du lädst nicht ein großes Bild, welches im Browser dann verkleinert werden muss (Stichwort: Performance)
b) die Qualität ist einfach besser, da das Bild nicht "zerknautscht" wird.

 

[devilseye]

Hi,

ich würde Bilder nur temporär mit width / height auf die richtige Größe trimmen. Wenn die Optik passt, würde ich das Bild mit einem Bildbearbeitungsprogramm auf die Zielgröße bringen.

Vorteil:
a) du lädst nicht ein großes Bild, welches im Browser dann verkleinert werden muss (Stichwort: Performance)
b) die Qualität ist einfach besser, da das Bild nicht "zerknautscht" wird.

Sowas nennt sich Thumbnails und lässt sich mit einem Thumbnail prog einfach erstellen, auf das Thumbnail kann man danach einen Link setzen der das Bild in normalgrösse anzeigt. So werden Fotoalben gemacht. Qualität ganz runter Bild auf ne anständige grösse Trimmen schön anordnen und einen Viewport oder ein iFrame um die Bilder grösser anzuzeigen é voila. Klingt einfach kann aber einenen enormen Aufwand machen wenn man es Professionell aussehen lassen will.

MFG devilseye