Supportnet / Forum / Webseiten/HTML
Optimale Auflösung für Web-Bilder
Frage
Hallo zusammen!
Bin bisher davon ausgegangen, daß für Bilder auf einer Website 72 dpi ausreichend sind, habe aber jetzt erfahren, daß es auch Monitore mit 96 dpi - Auflösung gibt.
Also, Gretchenfrage: 72 oder 96 (bzw. 100) dpi?
Antwort 1 von ClemensWeiss
Hi,
ich glaube, das hängt vom Rechner ab, am PC sinds 72 und am Mac 96 dpi.
In der Regel achten Browser aber nicht auf die dpi-Angabe des Bildes.
MfG
Clemens Weiß
www.webplain.de
ich glaube, das hängt vom Rechner ab, am PC sinds 72 und am Mac 96 dpi.
In der Regel achten Browser aber nicht auf die dpi-Angabe des Bildes.
MfG
Clemens Weiß
www.webplain.de
Antwort 2 von confusion
hallo
@clemens: nene, am pc sinds 96 und am mac 72dpi. dadurch wird auf dem mac alles kleiner dargestellt als aufm pc (bzw. die neuen browser verwenden deshalb inzwischen auch die 96).
bilder fürs netz speichere ich trotzdem mit 72dpi und habe damit gute erfahrungen gemacht...
grüsse
confusion
@clemens: nene, am pc sinds 96 und am mac 72dpi. dadurch wird auf dem mac alles kleiner dargestellt als aufm pc (bzw. die neuen browser verwenden deshalb inzwischen auch die 96).
bilder fürs netz speichere ich trotzdem mit 72dpi und habe damit gute erfahrungen gemacht...
grüsse
confusion
Antwort 3 von ichbins
@Clemens: Und zu welcher Auflösung würdest Du raten?
@confusion: Ändert sich nur die Anzeigegröße oder hat es auch Einfluß auf die Qualität?
@confusion: Ändert sich nur die Anzeigegröße oder hat es auch Einfluß auf die Qualität?
Antwort 4 von ClemensWeiss
@confusion:
Stimmt, hast recht. Danke.
@ichbins:
Ich verwende auch immer 72 dpi ohne Probleme. Auch hat sich noch kein Macianer bei mir beschwert :-)
MfG
Clemens Weiß
www.webplain.de
Stimmt, hast recht. Danke.
@ichbins:
Ich verwende auch immer 72 dpi ohne Probleme. Auch hat sich noch kein Macianer bei mir beschwert :-)
MfG
Clemens Weiß
www.webplain.de
Antwort 5 von ichbins
Danke Euch!
Antwort 6 von Friedel
Das hat weder mit Mac noch mit Win was zu tun. Wenn ein Bild 100 Pixel breit ist, wird es 100 Pixel breit dargestellt. Welche Auflösung das dann ist, hängt aleine von der Auflösung und Größe des Monitors ab.
Anders ausgedrückt: Ein Bild, egal, wie du es in deine HP eingebaut hast, wird auf meinem 21-Zoll-Monitor mit etwa 39 DPI dargestellt, wenn ich den Monitor auf 640•480 Pixel eingestellt habe. Wenn ich ihn auf 1600•1280 Pixel einstelle, hat das Bild bei mir 97,5 DPI. Bei 15-, 17- oder 19-Zoll-Monitoren ergeben sich andere Zahlen. Kann man sich aber mit Pytagoras ausrechnen. Z.B.
Monitorauflösung = 1600ÿPixelÿ•ÿ1280ÿPixel.
Diagonale = √1600²ÿ•ÿ1280²
Das ergibt etwa 2049 für die Diagonale. Die Diagonale ist bei einem 21-Zoll-Monitor 21 Zoll lang. 1 Zoll = 1 Inch. -> 2049 / 21 = 97,6 DPI.
Anders ausgedrückt: Ein Bild, egal, wie du es in deine HP eingebaut hast, wird auf meinem 21-Zoll-Monitor mit etwa 39 DPI dargestellt, wenn ich den Monitor auf 640•480 Pixel eingestellt habe. Wenn ich ihn auf 1600•1280 Pixel einstelle, hat das Bild bei mir 97,5 DPI. Bei 15-, 17- oder 19-Zoll-Monitoren ergeben sich andere Zahlen. Kann man sich aber mit Pytagoras ausrechnen. Z.B.
Monitorauflösung = 1600ÿPixelÿ•ÿ1280ÿPixel.
Diagonale = √1600²ÿ•ÿ1280²
Das ergibt etwa 2049 für die Diagonale. Die Diagonale ist bei einem 21-Zoll-Monitor 21 Zoll lang. 1 Zoll = 1 Inch. -> 2049 / 21 = 97,6 DPI.
Antwort 7 von Friedel
Die komischen y waren in der Voransicht übrigens nocht nicht da. Ich hab sie nicht eingegeben.
Antwort 8 von ichbins
Grüß Dich, Friedel.
Wenn ich Dich jetzt richtig verstanden habe, kommt es eigentlich nicht auf die Auflösung der Bilder, sondern auf ihre Größe ausgedrückt in Pixel (Länge x Breite, z.B. 400 x 300) in Verbindung mit den Darstellungsmöglichkeiten des jeweiligen Monitors an, right? (Hat das jetzt jemand verstanden?!)
Und klar ist dann auch, daß ein 400 Pixel breites Bild auf Deinem Monitor bei 640 x 480 Auflösung reichlich aufgeblasen und unansehnlich wird, während das Gegenteil bei eingestellten 1600 x 1200 Z ich hänge noch an einer Stelle: Welchen Unterschied macht es dann überhaupt bei der Darstellung auf Deinem Monitor, ein Bild sagen wir in der Größe 400 x 300 Pixel mit 72 dpi oder in der gleichen Größe mit 96 dpi in eine Website einzubauen - keinen??? Hilf mir nochmal, bitte.
Wenn ich Dich jetzt richtig verstanden habe, kommt es eigentlich nicht auf die Auflösung der Bilder, sondern auf ihre Größe ausgedrückt in Pixel (Länge x Breite, z.B. 400 x 300) in Verbindung mit den Darstellungsmöglichkeiten des jeweiligen Monitors an, right? (Hat das jetzt jemand verstanden?!)
Und klar ist dann auch, daß ein 400 Pixel breites Bild auf Deinem Monitor bei 640 x 480 Auflösung reichlich aufgeblasen und unansehnlich wird, während das Gegenteil bei eingestellten 1600 x 1200 Z ich hänge noch an einer Stelle: Welchen Unterschied macht es dann überhaupt bei der Darstellung auf Deinem Monitor, ein Bild sagen wir in der Größe 400 x 300 Pixel mit 72 dpi oder in der gleichen Größe mit 96 dpi in eine Website einzubauen - keinen??? Hilf mir nochmal, bitte.
Antwort 9 von Friedel
Fehler gefunden. Die Formel also noch mal:
Monitorauflösung = 1600 Pixel • 1280 Pixel.
Diagonale = √(1600² • 1280²)
Das ergibt etwa 2049 für die Diagonale. Die Diagonale ist bei einem 21-Zoll-Monitor 21 Zoll lang. 1 Zoll = 1 Inch. -> 2049 / 21 = 97,6 DPI.
Monitorauflösung = 1600 Pixel • 1280 Pixel.
Diagonale = √(1600² • 1280²)
Das ergibt etwa 2049 für die Diagonale. Die Diagonale ist bei einem 21-Zoll-Monitor 21 Zoll lang. 1 Zoll = 1 Inch. -> 2049 / 21 = 97,6 DPI.
Antwort 10 von ichbins
Noch ein Fehler in der Formel:
Es müßte statt "x"(mal) "+" heissen, dann kommt man bei der Berechnung der Diagonale exakt auf 2000.
Es müßte statt "x"(mal) "+" heissen, dann kommt man bei der Berechnung der Diagonale exakt auf 2000.
Antwort 11 von Friedel
Daß es + satt • heißen muß, stimmt. Das genaue Ergebnis ist aber 2048,999756
Antwort 12 von ichbins
OK, Friedel, habe mit 1200 statt 1280 gerechnet.
Aber nochmal zurück zur Frage: Würde ein 400 x 300 Pixel großes Bild mit 72 dpi, das ich auf meiner Website einbaue, auf Deinem Monitor anders aussehen als ein gleich großes Bild mit 96 dpi? Irgendwo hänge ich da noch; oder stellt sich die Frage gar nicht, weil die Größe ja identisch ist?!
Danke für Deine Mühe!
Aber nochmal zurück zur Frage: Würde ein 400 x 300 Pixel großes Bild mit 72 dpi, das ich auf meiner Website einbaue, auf Deinem Monitor anders aussehen als ein gleich großes Bild mit 96 dpi? Irgendwo hänge ich da noch; oder stellt sich die Frage gar nicht, weil die Größe ja identisch ist?!
Danke für Deine Mühe!
Antwort 13 von miranda
Hi ichbins,
wie Friedel schon sagte, sind für die Darstellung eines Bildes nur dessen eigene Ausmaße in Pixel und die Größe des Monitor, sowie dessen eingestellte Auflösung von Bedeutung.
Ein 400x300 Pixel großes Bild wird auf einem großen Monitor mit 640x480er Auflösung einen sehr großen Bereich des Bildschirms einnehmen, während man bei einem kleineren Bildschirm mit (wenn möglich) 1280er Auflösung wahrscheinlich noch eine Lupe benutzen muß, um was zu erkennen.
Die beim Scannen, oder bei der Größenänderung im Bildbearbeitungsprogramm eingegebene dpi-Angabe ist für die Ausgabe auf dem Bildschirm völlig ohne Bedeutung, wenn Du das Bild auf eine bestimmte Pixel-Größe skalierst.
Von Bedeutung sind die dpi-Werte nur dann, wenn Du erreichen willst, daß das Bild auf dem Monitor eine bestimmte Größe in cm (oder inch) einnimmt. In diesem Fall mußt Du in dem einen Fall die Zielgröße 72 dpi (im anderen mit 96 dpi) multiplizieren, um auf die Breite und Höhe in Pixeln zu kommen. Das sind dann aber nicht mehr unbedingt die von Dir genannten 400x300.
Bsp: Breite soll 10cm sein (10/2,54 = 3,94 inch)
Also mußt Du rechnen: 3,94 inch x 72dpi (dots/pixel per inch) = 284 Pixel Breite
Bei 96dpi kommst Du auf 378 Pixel Breite
Die dpi-Werte stellen aber nur einem Näherungswert dar. Wie Friedel schon sehr ausführlich beschrieben hat, hängt das Ergebnis dann immer noch davon ab, wie groß der Monitor des Betrachters und die eingestellte Auflösung ist.
Denn im Endeffekt werden 284 Pixel nun mal als 284 Pixel dargestellt und die von Dir eingestellten dpi spielen dabei überhaupt keine Rolle.
Gruß,
Miranda
wie Friedel schon sagte, sind für die Darstellung eines Bildes nur dessen eigene Ausmaße in Pixel und die Größe des Monitor, sowie dessen eingestellte Auflösung von Bedeutung.
Ein 400x300 Pixel großes Bild wird auf einem großen Monitor mit 640x480er Auflösung einen sehr großen Bereich des Bildschirms einnehmen, während man bei einem kleineren Bildschirm mit (wenn möglich) 1280er Auflösung wahrscheinlich noch eine Lupe benutzen muß, um was zu erkennen.
Die beim Scannen, oder bei der Größenänderung im Bildbearbeitungsprogramm eingegebene dpi-Angabe ist für die Ausgabe auf dem Bildschirm völlig ohne Bedeutung, wenn Du das Bild auf eine bestimmte Pixel-Größe skalierst.
Von Bedeutung sind die dpi-Werte nur dann, wenn Du erreichen willst, daß das Bild auf dem Monitor eine bestimmte Größe in cm (oder inch) einnimmt. In diesem Fall mußt Du in dem einen Fall die Zielgröße 72 dpi (im anderen mit 96 dpi) multiplizieren, um auf die Breite und Höhe in Pixeln zu kommen. Das sind dann aber nicht mehr unbedingt die von Dir genannten 400x300.
Bsp: Breite soll 10cm sein (10/2,54 = 3,94 inch)
Also mußt Du rechnen: 3,94 inch x 72dpi (dots/pixel per inch) = 284 Pixel Breite
Bei 96dpi kommst Du auf 378 Pixel Breite
Die dpi-Werte stellen aber nur einem Näherungswert dar. Wie Friedel schon sehr ausführlich beschrieben hat, hängt das Ergebnis dann immer noch davon ab, wie groß der Monitor des Betrachters und die eingestellte Auflösung ist.
Denn im Endeffekt werden 284 Pixel nun mal als 284 Pixel dargestellt und die von Dir eingestellten dpi spielen dabei überhaupt keine Rolle.
Gruß,
Miranda