Sie sind nicht angemeldet.

1

Samstag, 6. Februar 2010, 09:16

Bildergröße

Hi, grüße alle hier versammelten.

Ich bastle wieder mal an meiner HP und bin mit der Bilddarstellung bzw. Bildgröße nicht ganz zufrieden.

Meine Frage: kann man Bilder, größer/höher z.B. 1000px einsetzen und sie dann in der höhe prozentuell darstellen lassen, ohne das das Seitenverhältnis verlohren geht, damit sie auf allen Bildschirmgrößen gleich hoch sind ?
Gruß powi

Apple

Super Moderator

Beiträge: 715

Wohnort: Stuttgart

Beruf: Webentwickler

  • Nachricht senden

2

Samstag, 6. Februar 2010, 14:14

Quellcode

1
<img src="test.jpg" height="200" alt="Beschreibungstext" />


Wenn man nur eine der Größenangaben angibt, wird die andere automatisch proportional berechnet.

Man davon abgesehen, dass die Variante sehr schlecht ist, da man dann für ein 200px großes Bild ein mehr als 1000px großes Bild laden muss (was nicht sonderlich schnell geht).

i.deFix

Super Moderator

Beiträge: 1 088

Wohnort: Straubing

Beruf: freiberuflicher Webdesigner

  • Nachricht senden

3

Montag, 8. Februar 2010, 08:18

Re: Bildergröße

Zitat von »"powi"«

Meine Frage: kann man Bilder, ..., damit sie auf allen Bildschirmgrößen gleich hoch sind ?

Kurze Antwort: nein.
Es wird immer den einen Monitor (bzw. die eine Auflösung, das eine Browserfenster...) geben, die Du gerade nicht unterstützt...

Die gute Nachricht: Du kannst trotzdem dafür sorgen, dass die Darstellung wenigstens einigermaßen gleich bleibt.

Wenn ich das soweit richtig verstehe, geht es hier um die Darstellung und Präsentation von Fotos /Grafiken, und nicht etwa um dekorative Seitenelemente...?
In dem Fall bietet sich die Verwendung einer geeigneten lightbox-Variante an. Fancybox z.B. verkleinert Bilder immer so, dass sie auf den jeweiligen Viewport angepasst werden.
Hier kannst Du das in Aktion sehen: http://bilderrei.ch/index.php?page=pics&gallery=Menschen
Klappt bei 800x600 genauso wie bei 1280x1024 (und allen anderen Größen - einfach mal am Browserfenster rumspielen und neuladen nicht vergessen ;) )

Wichtig hierbei: die Bilder werden in keinem Fall vergrößert - nur bei Bedarf verkleinert.

Apple

Super Moderator

Beiträge: 715

Wohnort: Stuttgart

Beruf: Webentwickler

  • Nachricht senden

4

Montag, 8. Februar 2010, 17:43

Re: Bildergröße

Zitat von »"powi"«

Meine Frage: kann man Bilder, ..., damit sie auf allen Bildschirmgrößen gleich hoch sind ?


Oops, den letzten Teil hatte ich gar nicht gelesen.

Dass sie physikalisch gleich groß sind (also Geodreieck auf Bildschirm legen und messen), ist eher nicht möglich. Einzig proportional zur Bildschirmgröße oder eben eine feste Pixelangabe ist möglich.

Thema bewerten