Autor |
Nachricht |
kart672
Threadersteller
Dabei seit: 09.08.2008
Ort: Berlin
Alter: 44
Geschlecht:
|
Verfasst Mi 29.02.2012 10:52
Titel Warum ist 12pt im Browser nicht gleich 12pt in Photoshop? |
|
|
Beim Webdesignen nehme ich manchmal Screenshots und setze dann neue Teile hinzu, wenn zum Beispiel ein neues Elemennt in eine Seite eingebaut werden soll.
Dabei fällt mir an meinem Rechner auf: Die selbe 12pt-Schrift aus dem Browser (Firefox 8.0.1) ist, mit Hilfe eines Screenshots in Photoshop gebracht, gut 1Pt größer als die gleiche 12pt-Schrift, in Photoshop gesetzt.
Im konkreten Fall ist es eine Tahoma, und ich muss in Photoshop auf ca. 13,15pt gehen, damit sie genauso groß aussieht, wie die aus dem Browser.
Das ist doof für unseren Frontendler, der sich natürlich gerne an den Schriftgrößen aus meiner psd-Datei orientieren würde.
Ist das bei Euch auch so, oder ist irgendwas bei mir verstellt?
|
|
|
|
|
top
Moderator
Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht:
|
Verfasst Mi 29.02.2012 11:10
Titel
|
|
|
Weil pt eine Maßeinheit aus der realen Welt ist. Wie viel Punkt groß ein Pixel ist, hängt von der Auflösung/Größe des Monitors ab. Kaum ein Programm berücksichtigt dies, da der im System eingestellte Wert meistens sowieso nicht richtig ist. Daher nutzen viele Programme ihre eigenen Voreistellungen.
Je nach Browser, Betriebssystem oder Systemeinstellung kann es dir also passieren, dass eine mit pt definierte Schrift unterschiedlich groß ist.
|
|
|
|
|
Anzeige
|
|
|
Frank Münschke
Forums-Papa
Dabei seit: 08.06.2006
Ort: Essen
Alter: 69
Geschlecht:
|
Verfasst Mi 29.02.2012 11:14
Titel
|
|
|
... außerdem unterschieden wir ja immer die Schriftgröße in Pkt gemessen und die Versalhöhe ...
Da gibt es Abweichungen, die bis zu 35% ausmachen können.
Vergleiche einmal bei einer Punktgröße von 20 Pkt die Versalhöhe einer Helvetica und einer Antique Olive ...
|
|
|
|
|
Quastus
Dabei seit: 12.11.2007
Ort: Braunschweig
Alter: 51
Geschlecht:
|
Verfasst Mi 29.02.2012 11:27
Titel
|
|
|
Vielleicht liegt es auch der unterschiedlichen Punkt-Größe?
z.B. Pica oder Didot...?
http://de.wikipedia.org/wiki/Schriftgrad
Da gibt es auch Abweichungen.
Zuletzt bearbeitet von Quastus am Mi 29.02.2012 11:28, insgesamt 1-mal bearbeitet
|
|
|
|
|
kart672
Threadersteller
Dabei seit: 09.08.2008
Ort: Berlin
Alter: 44
Geschlecht:
|
Verfasst Mi 29.02.2012 12:27
Titel
|
|
|
Hmm Frank, aber ich will ja nicht verschiedene Schriften miteinander vergleichen.
Habe im Browser Tahoma und in Photoshop zum setzen auch.
Habe ich das richtig verstanden, dass es selbst in Photoshop keine Korrelation zwischen Pt und Px gibt?
Wenn ich statt Pt im Schriftgrößenfenster Px eingebe, wird die Zahl einfach als Pt übernommen.
Deshalb dachte ich immer, dass auf einem Computerdisplay Pt und Px gleichgesetzt sind.
Aber dem scheint ja nicht so zu sein.
Wie macht Ihr Webdesigner denn das in der Praxis, wenn man die Schriftgrößen genau festlegen möchte?
|
|
|
|
|
Yarrick
Dabei seit: 27.03.2007
Ort: Klagenfurt/Ö
Alter: 40
Geschlecht:
|
Verfasst Mi 29.02.2012 12:32
Titel
|
|
|
kart672 hat geschrieben: | Wie macht Ihr Webdesigner denn das in der Praxis, wenn man die Schriftgrößen genau festlegen möchte? |
Edit -> Preferences -> Units & Rulers ->Type: pixels
|
|
|
|
|
top
Moderator
Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht:
|
Verfasst Mi 29.02.2012 12:38
Titel
|
|
|
kart672 hat geschrieben: | ...
Deshalb dachte ich immer, dass auf einem Computerdisplay Pt und Px gleichgesetzt sind.
Aber dem scheint ja nicht so zu sein.
... |
Leg mal in PS eine neue Datei mit 300ppi an und setze dort einen Text mit 12pt rein.
|
|
|
|
|
Smooth-Graphics
Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 29.02.2012 12:51
Titel
|
|
|
kart672 hat geschrieben: | Wie macht Ihr Webdesigner denn das in der Praxis, wenn man die Schriftgrößen genau festlegen möchte? |
Nicht in Photoshop arbeiten. Auch das Anti-Aliasing ist ja ein anderes, was zu einem unterschiedlichen Aussehen führt.
|
|
|
|
|
|
|
|
Ähnliche Themen |
[Problem der Bildanzeige] photoshop=gut, browser=no go
Farbe von Bildern in Photoshop CS4 blasser als im Browser
Browser für MAC
Darstellungsproblem mit Browser
Farbprobleme im Browser... :(
Browser und Vista
|
|