Mein screengrab ist in Photoshop eine andere Pixelgröße als der Browser

948
gavin

Mein screengrab ist in Photoshop eine andere Pixelgröße als der Browser

Mein screengrab ist in Photoshop eine andere Pixelgröße als der Browser

Ich habe Schwierigkeiten zu verstehen, warum ich bei der Überprüfung eines Elements in meinem Browser (Anzeige bei 100%) eine andere Pixelgröße als das in Photoshop geöffnete screengrab habe. Wie Sie aus dem angehängten Bild sehen können. Was ist los? Im Anhang sehen Sie die Tooltip-Informationen des Browsers im Vergleich zum Photoshop. Diese unterscheiden sich. Wenn Sie im Browser zu 100% angezeigt werden, sollten sie sicherlich gleich sein. Ein Pixel ist ein Pixel, nicht wahr? Meine Bildschirmauflösung ist übrigens 1920 x 1200 und ein in Photoshop geöffneter Screengrab ist genau das. Also lügt mein Browser?

http://postimg.org/image/4l5f1gidn/ Wenn ich dieses Bild bei 100% screengrabe und in Photoshop öffne, heißt es, dass es 350 x 350 Pixel ist, was zusätzliche 75% ist. Ich kann das nicht erklären.

1
Dies geschieht sowohl in Chrom als auch in Firefox mit genau denselben Ergebnissen. Daher ist es wahrscheinlich nicht der Browser. gavin vor 8 Jahren 0
Können Sie die URL mit dem Bild freigeben? DavidPostill vor 8 Jahren 0
nein es ist ein localhost ... gavin vor 8 Jahren 0
@DavidPostill Ich habe das gleiche auf der bbc-Website mit den gleichen Ergebnissen gemacht, übrigens gavin vor 8 Jahren 0
Ich bin auch unter Windows 10 gavin vor 8 Jahren 0
Kann nicht reproduzieren. Windows 7 Firefox Das Layout sagt aus, dass das Bild 84 x 24 ist. Wenn ich eine Momentaufnahme mit Screenshot-Captor mache, wird mir das Bild in der gleichen Größe angezeigt. DavidPostill vor 8 Jahren 0
Sind das die Abmessungen für das BBC-Element? gavin vor 8 Jahren 0
Ja. Wie in meinem Browser gerendert. https://i.imgur.com/NAMQI1y.png DavidPostill vor 8 Jahren 0
Ich war auf der Nachrichtenseite. Die Homepage ist etwas anders. Das Bild wird aufgefüllt und ist ein Anker. Ich kann nicht nur das Bild auswählen. Es ist zwar die gleiche Größe, jedoch 84 x 24. https://i.imgur.com/h2zwEP7.png DavidPostill vor 8 Jahren 0
Ok, das ist die Logo-Grafik und nicht das Element im obigen Fall. Wenn ich das jedoch bei 100% und screengrab sehe, bekomme ich 147 x 42px, das gleiche Problem. Ich verstehe das wirklich nicht und habe viel Erfahrung mit der Image-Produktion gavin vor 8 Jahren 0
Da ich die richtigen Größen im Screenshot-Captor bekomme, bin ich versucht, Photoshop dafür verantwortlich zu machen. DavidPostill vor 8 Jahren 0
https://i.imgur.com/fwdsk3f.png 1 Pixel raus, weil ich eine Rollball-Maus habe und es schwierig ist, genau zu sein. DavidPostill vor 8 Jahren 0
Danke @DavidPostill, du könntest recht haben. Bekommen Sie 92 x 39,5 für das BBC-Homepage-Element (und nicht das Bild), damit ich überprüfen kann, ob unsere Browser übereinstimmen? gavin vor 8 Jahren 0
92 x 46 https://i.imgur.com/FOeCO4U.png Ihnen scheint die obere Polsterung zu fehlen ... DavidPostill vor 8 Jahren 0
Ihr Tooltip (Chrome / Firefox) sagt etwas anderes zu diesem Element (als berechnet)? gavin vor 8 Jahren 0
Firefox scheint keinen Tooltip zu haben ... DavidPostill vor 8 Jahren 0
@DavidPostill Kannst du den Link im OP abfragen? Ich habe einen neuen Kommentar hinzugefügt, der mein Problem verdeutlichen soll. Vielen Dank gavin vor 8 Jahren 0
https://i.imgur.com/WtaDDAa.png. Hinweis: Ich habe keinen Photoshop zum Testen. DavidPostill vor 8 Jahren 0
https://i.imgur.com/BCPhI5H.png Bildeigenschaften DavidPostill vor 8 Jahren 0

2 Antworten auf die Frage

1
Aganju

The sizes are always relative to the current element - if it is embedded on the next higher level and there the HTML (or the CSS) says 'stretch to fit', everything gets stretched accordingly. There could be multiple levels of that, so it is hard to predict how big it really will be at the end (one of the things that make coding a browser so tough).

Your example seems to be stretched by 75 %.

"alles wird entsprechend gedehnt". Richtig, aber ich habe mir die berechnete Elementgröße angesehen, die dies sicher berücksichtigt. DavidPostill vor 8 Jahren 0
Bei 100% sollte der Tooltip jedoch die Pixelgröße des gerenderten Elements angeben. Und das sollte mit einem in Photoshop geöffneten Screengrab übereinstimmen? Ich habe dies lokal und auf dem BBC gemacht, auf Chrome und Firefox und habe immer noch das gleiche Problem gavin vor 8 Jahren 0
@gavin Da ich die richtigen Größen im Screenshot-Captor bekomme, bin ich versucht Photoshop zu beschuldigen. DavidPostill vor 8 Jahren 0
@Aganjul Kannst du den Link im OP greifen? Ich habe einen neuen Kommentar hinzugefügt, der mein Problem verdeutlichen soll. Vielen Dank gavin vor 8 Jahren 0
Ich habe eine Bildschirmkopie erstellt (mit Windows 10-Standardfunktionalität), und es ist * 200 x 200. Ich bin mir nicht sicher, was Sie * genau * mit "Bildschirmgreifer" meinen. Aganju vor 8 Jahren 0
Vielen Dank. Ja. Ich sollte sagen, ich arbeite an einem Surface Pro. Ich denke, dass es damit zu tun haben kann, dass Pixel auf einem Tablet-Gerät relativ sind. gavin vor 8 Jahren 0
0
gavin

OK. The reason is that the device being used is a tablet (sort of, a Surface Pro 3). For some reason browsers do not render real pixels, instead 'relative' pixels. Whereas Photoshop calculates the actual pixels of an image.

It is the difference between whats called a "hardware" pixel and a "reference" pixel and this device has a "device-pixel-ratio" of 1.7

https://bjango.com/articles/min-device-pixel-ratio/ https://stackoverflow.com/questions/8785643/what-exactly-is-device-pixel-ratio

Ah. Das erklärt es. Sie finden diese interessante Lektüre unter http://www.quirksmode.org/blog/archives/2010/04/a_pixel_is_not.html und http://alistapart.com/article/a-pixel-identity-crisis DavidPostill vor 8 Jahren 0
Ha, danke @DavidPostill, ich habe gerade diesen Artikel gelesen und wollte sie auch posten. Ich werde mehr darüber erforschen, bin aber zuversichtlich, dass dies der Grund für meine Verwirrung ist! gavin vor 8 Jahren 0
PPI 72-Ausgabe https://graphicdesign.stackexchange.com/q/13777/71885 nu everest vor 6 Jahren 0

Verwandte Probleme