Was genau ist ein "Pixel"?

"Pixel" verwirrt mich immer, wenn ich Web-Banner arbeite.

Ich benutze CorelDraw x5 für meine Arbeit. Normalerweise bevorzuge ich die Verwendung von Zoll anstelle von Pixeln, da Zoll für mich sehr intuitiv ist. Aber wenn ich eine "Inch to Pixel" -Konvertierung durchführe, bin ich verwirrt.

• In CorelDraw: 1 inch = 300px.

• Bei AuctionRepair.com : 1 inch = 75 pixels.

• Bei UnitConversion.org : 1 inch = 96 pixels.

Jetzt fragt mein Kunde nach einem 1900x1200px-Banner. Wie soll ich die Konvertierung durchführen?

Stellen Sie sich Pixel wie ein Atom vor. Das Atom ist ein kleinstes Teilchen der Materie. Wo als Pixel ein kleinstes Partikel des digitalen Bildes ist.

Ein Atom hat Neutronen, Protonen und Elektronen, während ein Pixel rote, grüne und blaue Werte hat :)

Die Anzahl der Pixel pro Zoll oder Zentimeter (cm) usw. wird als "Auflösung" bezeichnet.

Eine höhere Auflösung bedeutet mehr Pixel pro Längeneinheit.

Wenn Sie für Web / Desktop designen, können Sie das sagen 1 Inch = 72 pixels

Für den Offsetdruck (normalerweise wird eine Auflösung von 300 verwendet) kann man sagen 1 inch = 300 pixels

Die Druckauflösung wird als DPI bezeichnet, was "Punkte pro Zoll" bedeutet. Pixel sind die Punkte. Je höher die Anzahl der Punkte, desto feiner ist das Druckergebnis.

Jetzt fragt mein Kunde nach einem 1900x1200px-Banner. Wie soll ich die Konvertierung durchführen?

Wenn Ihr Client Ihnen die Abmessungen in Pixel angibt, muss es sich um eine Desktop- / Webgröße handeln, und Sie können sie mit einer Auflösung von 72 entwerfen.

Wenn er etwas zum Drucken benötigt, muss er entweder nach der Auflösung oder nach der Größe in Zoll, cm usw. gefragt werden.

Wenn ein Kunde von mir nach einem 1920x1080px-Image gefragt hat, muss ich als erstes den Verwendungszweck kennen. Ist es für das Web, Print oder beides?

In der Druckwelt hat ein Pixel (oder Bildelement - [pict-el]) keine Bedeutung oder Definition. Pixel können in keiner Weise gemessen werden. Sie haben keine vordefinierte Größe oder Einheit, um ihre Größe zu berechnen. Daher sind keine "realen" Begriffe. Sie sind rein digital und beziehen sich nur auf die digitale Welt.

Im weiteren Sinne ist ein Pixel der kleine Fleck auf einem Bildschirm oder Monitor, der durch Licht eingefärbt ist, entweder durch Hintergrundbeleuchtung (CRT), LED, Plasma oder andere Technologien. Jeder dieser kleinen, verschiedenfarbigen Punkte (Pixel) bildet zusammen ein Bild für das menschliche Auge. Um eine reale Analogie zu verwenden, stellen Sie es sich wie eine Mauer vor ... jedes Pixel wäre ein Ziegelstein ... das Bild wäre die Mauer.

In vielen Apps und für viele Personen ist 1 Pixel = 1 Punkt. (Adobe verwendet diese Theorie sogar.) Auch dies ist jedoch nicht ganz korrekt. Ein Punkt ist einfach die kleinste Maßeinheit, die von den meisten Designern in der realen Welt im Gegensatz zur digitalen Welt verwendet wird.

Es gibt kein 1 Zoll = 72px oder irgendetwas, das auch nur aus der Ferne zu erreichen wäre. Jeder Bildschirm auf der Erde hat eine andere Pixeldichte . Wie viele Pixel in einen Zoll passen, hängt ganz von der Pixeldichte Ihres Monitors ab.

Wenn Sie in Photoshop für das Web arbeiten, spielt es Resolutionkeine Rolle , was Sie in das Feld für ein neues Dokument eingeben. Ein Bild, das für das Web (oder den Bildschirm) bestimmt ist, verwendet seine Pixelbreite und Pixelhöhe und bezieht sich überhaupt nicht auf die Auflösungseinstellung. Weitere Informationen zur Auflösung (ppi) und zum Web / Bildschirm finden Sie hier: Ist es für das Webdesign obligatorisch, Bilder mit 72 dpi zu speichern? Der einzige Unterschied, den das Auflösungsfeld für das Web bietet, besteht darin, dass Sie detailliertere Arbeiten in Photoshop erstellen können. Bei der Ausgabe wird das Auflösungsfeld mit ignoriert Save for Web. Wenn Sie Exportstattdessen verwenden, Save for Webwird die Auflösung verwendet, um die Pixelbreite und die Pixelhöhe des Bildes basierend auf Ihrem Betriebssystem zu ändernvon allen Dingen. Bei Macintosh-Anwendungen wird davon ausgegangen, dass jeder Zoll 72 Pixel und bei Windows-Anwendungen 96 Pixel enthält. Keines davon ist wirklich genau oder wahr, aber die Ingenieure mussten etwas verwenden . Eine höhere Auflösung Exportführt also zu einer größeren Pixelbreite und Pixelhöhe.

Jetzt wo Druck auf Pixel trifft ... Auflösung oder Punkte pro Zoll (DPI). DPI ist im Wesentlichen die Punktdichte, die von einem Belichter (oder Plattenhersteller) bei der Ausgabe von Druckplatten erzeugt wird. Alle Bilder, die gedruckt werden, müssen einen Halbtonprozess durchlaufen. Zusätzlich zu einem bestimmten Zeilen-Bildschirm oder Lines Per Inch (LPI), der festlegt, wie viele Zeilen von Punkten gedruckt werden. Die Dichte der Punkte im Halbton bestimmt den Detaillierungsgrad und die Qualität des Bildes. Ein Halbton mit einer höheren DPI und einem niedrigeren LPI sieht viel besser aus als ein Halbton mit einer niedrigen DPI und einem niedrigeren LPI. Wenn nach einer Korrelation zwischen Bildschirm und Ausdruck gesucht wird, denkt der Benutzer an der häufigsten Stelle mit ein wenig Logik, dass 1 Pixel = 1 Punkt ist. Das ist es nichtGanz genau, aber es ist nah genug, dass es kein Problem ist, wenn diese Annahme verwendet wird. Hier tauschen die Leute die Begriffe PPI und DPI aus und denken, dass sie dasselbe sind. In Wirklichkeit sind sie überhaupt nicht gleich, aber es schadet nicht zu glauben, dass sie es sind.

Für die Druckausgabe ist das ResolutionFeld im neuen Dokumentfenster von Photoshop von entscheidender Bedeutung. Meistens möchten Sie eine Auflösung von 260 oder besser für Druckbilder. Dies entspricht 260 DPI, was die optimale Einstellung für 175 LPI (ein Bildschirm mit einer gemeinsamen Leitung) ist. 300 dpi wird am häufigsten verwendet, da es sich um eine schöne, gerade, runde Zahl handelt, an die man sich erinnern kann und mehr DPI kein Problem darstellt. Die Gesamtberechnung ist tatsächlich das 1,5-fache des LPI gleich dem DPI. Also 1,5 x 175 = 262,5. Es ist also auf 300 dpi aufgerundet.

Wenn Sie den Verwendungszweck kennen ...

• Wenn es sich um ein Web- oder Bildschirmdokument handelt, erstellen Sie einfach ein neues Dokument mit 1920 x 1080 Pixel und der gewünschten Auflösung. Mit einer höheren Auflösung können Sie in Photoshop detaillierter arbeiten, die Web- / Bildschirmausgabe des Bilds wird jedoch nicht geändert. Unabhängig von der Auflösung (ppi) wird das Bild weiterhin mit 1920 x 1080 Pixel ausgegeben (mithilfe von "Für das Web speichern").

• Wenn das Bild gedruckt werden soll oder beides, würde ich Photoshop verwenden, um mir eine Vorstellung von der physischen Größe beim Drucken zu geben. Erstellen Sie einfach ein neues Dokument mit den Abmessungen 1920 x 1080 und geben Sie 300 für die Auflösung ein.

Schalten Sie nun den "Pixel" Dropdown auf "Zoll":

Hierbei wird die interne 1px = 1pt-Theorie von Adobe verwendet, die so gut wie jede andere ist. Aber es gibt Ihnen eine allgemeine Vorstellung, dass das Bild ungefähr 6,5 "x 3,5" groß sein wird. Ich wende mich dann an den Kunden, um zu überprüfen, ob ein 6,5 x 3,5-Zoll-Image ihren Anforderungen entspricht.

Hallo [Klient],

Ein 1920 x 1080 Pixel großes Bild entspricht ungefähr 6,5 x 3,5 Zoll für die Druckproduktion. Funktioniert diese Größe für Sie? Soll ich für den Druck größer werden?

Vielen Dank!

Es gibt eine Informatikarbeit (wirklich, lustiges Memo) mit dem Titel "Ein Pixel ist kein kleines Quadrat" von Alvoy Ray Smith.

Ein Pixel ist ein Punkt Probe. Es existiert nur zu einem bestimmten Zeitpunkt. Für ein Farbbild kann ein Pixel tatsächlich drei Abtastwerte enthalten, wobei einer für jede Primärfarbe zum Bild am Abtastpunkt beiträgt. Wir können uns das immer noch als Punktmuster einer Farbe vorstellen. Aber wir können uns ein Pixel nicht als Quadrat vorstellen - oder etwas anderes als einen Punkt.

Ein Pixel ist kein kleines Quadrat,
ein Pixel ist kein kleines Quadrat,
ein Pixel ist kein kleines Quadrat!
(Und ein Voxel ist kein kleiner Würfel)

Der Begriff "Pixel" steht für "Bildelement".

Ein Bild besteht aus Pixeln, die nur farbige Punkte in einem Rechteck ohne Größe sind .
Um das Bild anzuzeigen, verwenden wir einen Bildschirm, der farbige Punkte anzeigen kann, und müssen entscheiden, welche Punkte wo angezeigt werden sollen .

Bei Betrachtung der Details besteht das Bild aus separaten Punkten mit jeweils einer separaten Farbe. Wie wenn Sie die Felder auf Quadrillepapier mit Farben füllen würden, eines in jedem Feld. Außer - wichtig - dass es kein Papier gibt (das eine Größe hat) und die Kartons keine physische Größe haben. Es geht nur darum, welcher Farbpunkt unter oder rechts von welchem ​​anderen liegt .

Wenn Sie über die Größe des Bildes auf dem Bildschirm nachdenken, ist dies wie das Anzeigen dieses "Papiers" auf dem Bildschirm - aber wir haben keine Ahnung, wie "groß" es tatsächlich ist, ausgedrückt in Zoll oder mm.

Wenn wir das Bild auf dem Bildschirm anzeigen möchten, sehen wir, dass der Bildschirm auch "Kästchen" enthält, die Farben anzeigen können. Beide heißen Pixel - aber technisch gesehen sind sie etwas anderes.

Das Einfachste, was wir tun können, ist, jedes unserer farbigen Kästchen, das "Papier", einem farbigen Kästchen auf dem Bildschirm zuzuweisen.
Die Größe des Bildschirms in tatsächlichen Zentimetern hängt dann davon ab, wie groß diese Punkte auf dem Bildschirm sind .

Wenn wir eine bestimmte Größe benötigen, können wir etwas anderes tun:
Wir können entweder selbst entscheiden, wie groß das Bild sein soll . Wir müssen wissen, wie groß die Rasterpunkte sind. Dann können wir für jede Zeile berechnen, wie viele Rasterpunkte wir für unsere Farbpunkte verwenden können. Wenn wir mehr Rasterpunkte als Farbpunkte haben, müssen wir einige Farbpunkte mehrmals verwenden, oder wenn wir weniger haben, lassen Sie einige weg.

Noch eine Verwirrung, um die Diskussion abzuschließen:

Bei der Gestaltung und dem Layout einer Website entspricht ein "CSS-Pixel" unabhängig von der Bildschirmauflösung immer 1/96 eines "CSS-Zoll" . Dies geschah, weil so viele frühe Websites pixelbasierte Messungen für das Layout verwendeten und eine Standard-Bildschirmauflösung annahmen. Damit die tatsächliche Größe von Text und anderen Inhalten konsistent bleibt, stellen Webbrowser eine annähernd gleichmäßige Konvertierung zwischen Bildschirmpixeln und "px" -Einheiten des Layouts fest und passen die Interpretation der Zoll an, sodass immer ein konsistentes Verhältnis zwischen "px" und "px" besteht. im". Das Gleiche gilt für alle Einheiten, die auf Zoll basieren, z. B. "pt" für Schriftart. Die Schriftgröße 12pt entspricht immer der Schriftgröße 16px .

Da die Bildschirmauflösungen normalerweise viel besser als 96 Pixel pro Zoll sind, wurde das Konzept der "Punkte" aus der Druckwelt übernommen, um über die tatsächliche physikalische Auflösung des Bildschirms zu sprechen. Es gibt sogar eine Einheit für Punkte pro Pixel (dppx), mit der die physikalische Auflösung proportional zum Standard-CSS-Pixel beschrieben werden kann. Zum Beispiel haben die neuen "Retina" -Mac- und iPhone-Bildschirme eine Auflösung von 2 dpi.

Für Ihre Situation gebe ich den Rat anderer wieder: Bitten Sie Ihren Kunden zu klären, was benötigt wird. Das heißt, wenn jemand nach Kunst mit Pixelmessung fragt, verwendet er sie im Allgemeinen für Websites. Erstellen Sie Ihr Bild mit genau den gewünschten Pixelmaßen und stellen Sie Ihre Bildbearbeitungssoftware auf eine Auflösung von 96 dpi ein, um Lineale und Textgröße in Einheiten darzustellen, die Sie verwenden möchten.

Das heißt, es kann nicht schaden, Ihr Bild tatsächlich mit der doppelten Auflösung (dh 192 dpi) zu erstellen, um eine für Retina-Bildschirme geeignete Version zu haben, wenn Ihr Client feststellt, dass er es möchte. Dann sollte Ihre Bildsoftware eine einfache Möglichkeit bieten, Ihr Bild mit einer niedrigeren Auflösung und einer kleineren Dateigröße zu speichern. Es ist sehr einfach, ein Bild in eine niedrigere Auflösung als die umgekehrte umzuwandeln!

Zoll sind physikalische Abmessungen, während Pixel Bildschirmabmessungen sind. Bei gleicher Auflösung ist ein Pixel auf einem größeren Bildschirm physisch größer, da die Dichte oder der PPI (Pixel pro Zoll) durch die physische Größe des Bildschirms im Verhältnis zur Auflösung gesteuert wird. Wenn Sie also Pixel in Zoll konvertieren, kommt es darauf an, wie viel Pixel pro Zoll (PPI) Sie haben möchten. Wenn Sie 300ppi (Standard für den Druck) möchten, sagen Sie einfach "300 Pixel in einen echten Zoll". Dies führt zu einer dichteren Qualität, als wenn Sie nach 72 ppi gefragt hätten, da weniger Pixel weniger Qualitätsinformationen entsprechen, die in diesen Zoll gestopft sind.

Bildschirme werden normalerweise als 72ppi betrachtet, dies ist jedoch nur eine Standardeinstellung und für die tatsächliche Bildschirmgröße völlig irrelevant. Dieselbe Auflösung von 1920 x 1080 kann 10 ppi auf einem Stadionbildschirm oder 400 ppi auf einem Mobiltelefon betragen.

Ein Pixel hat keine Korrelation zu Messungen in der realen Welt. Daher gibt es keine Möglichkeit, Zoll in Pixel auf konsistente Weise umzuwandeln. Alles ist willkürlich und hängt davon ab, was Sie am Ende mit dem Bild machen.

Was ist ein Pixel im Kontext eines digitalen Bildes? Es ist das kleinste einzigartige Element im Bild. Es wird eine Farbe zugewiesen. Es bezieht sich wörtlich auf ein einzelnes "Bildelement" .

Stellen Sie sich vor, Sie haben eine Glühbirne, die Sie ein- und ausschalten können. Dies ist im Grunde ein 1x1-Pixel-Display, bei dem die Glühbirne das Pixel ist. Kaufen Sie jetzt noch ein paar Glühbirnen und ordnen Sie sie quadratisch 10x10 an. Wenn Sie sie so verdrahten, dass Sie sie nach Belieben ein- und ausschalten können, erhalten Sie eine grobe Anzeige mit 10x10 "Pixeln". Sie können sogar Grundformen darauf zeichnen.

Wenn Sie sich nun weit genug von diesem Glühbirnen-Display entfernen, kann das Auge möglicherweise nicht mehr zwischen diesen einzelnen Glühbirnen unterscheiden und Sie sehen statt einzelner Pixel nur eine durchgehende Form. Dies geschieht, weil das Auge eine begrenzte Scanauflösung hat. Wenn mehr Punkte (Glühbirnen) pro Zoll vorhanden sind, als das Auge erkennen kann, werden die Pixel zu einem Bild. Die Auflösung Ihrer Augen beträgt ca. 300 Punkte pro Zoll (DPI). Wenn Sie ein Vergrößerungsglas nehmen und auf Ihren Monitor schauen, werden Sie feststellen, dass er aus winzigen Glühbirnen (LCDs) besteht, nur aus vielen weiteren. Etwa 2.073.600 (1920 x 1080) auf einem Full-HD-Bildschirm, mal drei, da es für jede RGB-Farbe eine gibt, die Ihre Augen einfach nicht sehen können, da sie zu klein sind.

Was Ihr Auge nun als einzelne Punkte wahrnehmen kann oder nicht, hängt nicht nur von der Anordnung der Punkte (wie nahe sie beieinander liegen) ab, sondern auch von der Entfernung, die Sie zu diesem "Bildschirm" haben. Aus diesem Grund ist DPI in mehrfacher Hinsicht ein relativer Begriff. Wenn Sie den gleichen Bildschirm einnehmen und zu nahe kommen, können Sie die Pixel sehen. Wenn Sie zu weit weg sind, können Sie nicht mehr lesen, was auf dem Bildschirm angezeigt wird, obwohl sich DPI und Auflösung (Anzahl der Pixel) nie geändert haben.

Aus diesem und mehreren anderen Gründen wurde bei der Erstellung der ersten Computermonitore eine Standardauflösung von 72 DPI (Apple) oder 96 DPI (Microsoft) gewählt. Dies ist ein guter Kompromiss zwischen der erwarteten Entfernung des Benutzers vom Bildschirm und den technischen Einschränkungen ab diesem Alter. Aber auch heute folgen die meisten Bildschirme ungefähr dieser Auflösung. Deshalb ist die Anzahl der Pixel umso höher, je größer der Bildschirm ist.

Wenn Sie nun die DPI-Auflösung Ihres Monitors kennen, ist es sehr einfach herauszufinden, wie viele Pixel in jedem Quadratzoll sind. Wenn Sie beispielsweise ein Quadrat von 1 x 1 Zoll² auf einem Monitor zeichnen möchten, können Sie leicht bestimmen, wie viele Pixel dieses Bild sein muss (72 x 72 oder 96 x 96). Es ist jedoch ebenso offensichtlich, dass dieses Bild auf anderen Bildschirmen mit einer anderen DPI-Auflösung größer oder kleiner wird. Text, der auf einem 24-Zoll-Bildschirm mit 96 DPI lesbar ist, ist auf einem 4-Zoll-iPhone mit 300 DPI möglicherweise viel zu klein, da diese 96 Pixel (1 Zoll) auf dem 24-Zoll-Bildschirm nur wenige Millimeter auf dem Telefon sind.

Wenn Ihr Kunde Sie also auffordert, ein Bild mit einer Auflösung von 1900 x 1200 Pixel zu erstellen, sollten Sie als Erstes folgende Fragen stellen: Für welches Gerät?

Um das Dilemma von Webseiten oder Anwendungen zu lösen, die auf verschiedenen Geräten gut aussehen sollen, wurden Formate erfunden, die nicht mit Pixeln, sondern mit einer Länge in cm oder mm arbeiten. Das resultierende Bild wird dann gemäß den Gerätefunktionen gerendert, wobei sichergestellt wird, dass ein Quadrat von 10 x 10 cm immer noch 10 x 10 cm groß ist, unabhängig davon, auf welchem ​​Bildschirm es angezeigt wird. Aber dieses Format kann natürlich kein Pixelformat sein, sondern wird ein Vektorformat sein .

Dies behebt zwar das Mac / Windows / Other-Problem, löst jedoch keinen großen Größenunterschied. Ihr Beispielbild ist auf jedem Gerät 10 x 10 cm groß, aber das kann auf einem Mobiltelefon den gesamten Bildschirm bedecken. Dieses Problem ist noch nicht vollständig gelöst, aber die meisten Unternehmen haben eine Lösung dafür. In den meisten Fällen müssen Sie jedoch mindestens zwei Seiten entwickeln, eine für Standard-Desktops, eine für Mobiltelefone und schließlich eine für Tablets.

Es gibt bereits eine Reihe hilfreicher Antworten, aber ich wollte das vielleicht anders erklären.

Wenn Sie ein Bild mit 1900 x 1200 Pixeln anfordern, sagt Ihnen Ihr Kunde eigentlich nichts über die Abmessungen, die er benötigt. Der Kunde vergisst für einen Moment das Wort "Pixel" und teilt Ihnen lediglich mit, wie viele Details er benötigt (z. B. die Auflösung). Sie können einfach beabsichtigen, es selbst zu bemessen wie sie benötigen.

Wenn Sie Zoll für Ihre Selbst verwenden müssen Zwecke verwenden müssen, da Sie diese Messung bei der Entwicklung Ihrer Grafiken leichter handhaben können, verwenden Sie sie einfach. Bei der Verwendung von Vektorgrafiken (Corel Draw ist ein Vektor-Tool) müssen Sie sich zum Glück keine großen Sorgen um Pixel machen, bis es an der Zeit ist, reduzierte Bilder zu speichern.

Beginnen Sie sicherheitshalber mit einer Leinwandgröße mit demselben Seitenverhältnis: 1900x1200 ist ein Verhältnis von 16:10, sodass 16 x 10 Zoll funktionieren sollten. Wenn ein reduziertes Bild (ein "Raster" oder eine Bitmap) gespeichert oder exportiert werden soll, können Sie die Pixelgröße 1900 x 1200 auswählen.

Ich kenne Corel nicht genau , daher kann ich Ihnen nicht genau sagen , wie Sie diese Einstellungen vornehmen sollen, aber sie sind höchstwahrscheinlich dort.

Was "Was ist ein Pixel" betrifft , so ist die Antwort, die besagt, dass es einem "Atom" ähnelt, ziemlich gut. Wenn wir jedoch völlig anal sein wollen, können wir genauer sagen, dass ein Pixel ein Molekül ist :

Ein Molekül ist der kleinste Teil einer Substanz, der noch die Eigenschaften dieser Substanz aufweist, und ein Pixel ist der kleinste Teil einer Farbe , der noch diese bestimmte Farbe aufweist . Wenn Sie kleiner werden, sehen Sie die anderen Farben, die gemischt wurden, um die Zielfarbe zu erreichen.

Pixel können auf verschiedene Arten voneinander beabstandet sein, sodass sie keine reale Dimension darstellen. Im Druck können sie 300 dpi (dots per inch) betragen. In diesem Fall sind die Pixel sehr nahe beieinander - oder auf dem Bildschirm 72 dpi, was bedeutet, dass sie weiter voneinander entfernt sind. Ich muss davon ausgehen, dass 1900x1200 für einen Bildschirm gedacht ist, da es eine der Standard-Bildschirmauflösungen ist. In diesem Fall sieht es gleich aus, egal wie groß es ist, solange es auf einem 1900x1200-Monitor im Vollbildmodus angezeigt wird.

Um dies zu begrenzen, gibt die Pixeldimension, technisch gesehen, nur an, wie viele Informationen das gespeicherte Bild enthalten wird. Wie groß es aussehen wird , sagt es Ihnen im Grunde nichts für sich.

TL; DR Führen Sie die Konvertierung durch, wenn Sie Ihr Corel Draw-Bild in eine TIF-Datei exportieren.

Es gibt zwei Möglichkeiten, ein Bild auf einem Computer zu beschreiben: Bitmaps (auch als Raster bezeichnet ) und Vektoren. Eine Bitmap ist ein Gitter von Koordinaten, die jeweils eine bestimmte Farbe haben, und jeder Punkt ist ein Pixel. Die Kombination aller Punkte im Raster erzeugt ein Bild. Fotos sind Bitmaps; Die Pixel entsprechen der Körnung des Films oder den Punkten auf dem Sensor. Pixel haben keine eigene Größe: Sie können in einem lasergedruckten Bild sehr klein oder auf einem riesigen Bildschirm sehr groß sein. Die Größe eines Bildes in Pixeln gibt Auskunft über die Auflösung, bei der es glatt aussieht. Bilder mit einer hohen Pixeldichte (Punkte pro Zoll, dpi) sehen scharf aus, während Bilder mit einer niedrigen Pixeldichte blockartig aussehen. Vergleichen Sie Flickr mit Minecraft, um den Unterschied zu sehen. Wenn Sie ein Bitmap-Bild vergrößern, werden die Pixel größer und das Bild wird blockierter und weniger scharf.

Vektoren sind mathematische Beschreibungen von Formen, die in einem Bild angeordnet sind. Sie haben auch keine intrinsische Größe, aber die Art und Weise, wie sie sich verhalten, ist unterschiedlich. Das Erscheinungsbild einer Vektorgrafik ändert sich beim Vergrößern nicht, da es entsprechend dem Bildschirm neu berechnet wird.

Corel Draw ist ein Vektorgrafikprogramm, und die von Ihnen erstellten Bilder sind daher Vektoren. Wenn Ihr Client ein 1900x1200-Bild haben möchte, müssen Sie dieses beim Exportieren in eine Bitmap konvertieren. Entscheidend ist, dass die Größe des Vektors und die Größe der Bitmap unabhängig voneinander sind. Sie können eine Corel Draw-Datei erstellen, die 8 mal 6 Fuß groß ist, und sie als 400 x 300 Pixel großes Bild exportieren. Oder eine Datei mit einem Quadratzoll in Corel Draw kann als Bitmap mit einem Quadrat von 10.000 Pixeln exportiert werden. Anstatt nach Pixelmaßen zu fragen, werden Sie in der Regel aufgefordert, eine Größe und eine Auflösung für die Bitmap anzugeben, obwohl Sie die Einheiten in Pixel ändern können. Auf diese Weise können Sie sicherstellen, dass die Datei eine angemessene Auflösung in der gewünschten Größe aufweist. Indem Sie nach einer bestimmten Auflösung fragen, möchten Sie sicherstellen, dass das Bild in einer großen Bildschirmgröße oder einer kleinen Druckgröße verwendet werden kann. Die Idee eines digitalen Bildes mit einer physischen Größe ist etwas seltsam, aber es ist einfacher, mit Downstream zu arbeiten.

Stellen Sie also Ihre Grafik auf die gewünschte Größe ein und geben Sie die Pixelgröße direkt am Ende des Exportvorgangs an. Wenn Sie Bitmap-Bilder in die Grafik einfügen, müssen diese mindestens so hoch aufgelöst sein wie im endgültigen Bild. Wenn also die Hälfte der Breite Ihrer Grafik ein Foto ist, muss dieses Foto 950 Pixel breit sein.

Pixel in CSS (und nicht als technische Eigenschaft eines Anzeigemediums) sind Einheiten der scheinbaren Winkelbreite. Pixel können also konvertiert werden, aber nur in Grad, Bogenmaß usw. Sie können Pixel in Zoll konvertieren, müssen jedoch wissen, wie weit der Zoll entfernt ist.

Sean B. Palmer hat eine schöne Seite dazu:

Der Mond von der Erde ist zum Beispiel ungefähr 24,3 Pixel breit. Der Eiffelturm aus einer Meile Entfernung ist ungefähr 550.5px groß. Das bedeutet, dass Sie mit {width: 24.3px} in CSS 2.1 etwas so breit machen, wie der Mond aussieht.

Ein Pixel ist der kleinste Punkt in einem Bild. Es hat keine physische Größe. Sie erhalten eine Auflösung, wenn Sie die Auflösung in DPI (Punkte pro Zoll) oder einer ähnlichen Einheit angeben und sie auf einem Gerät rendern, das diese Auflösung berücksichtigt.

In der Praxis gibt es viele Fälle, in denen die Größe willkürlich ist, weil sich der Designer oder die Software nicht um die Anzeigegröße / -auflösung gekümmert hat / wusste und / oder einen Größenänderungsfaktor angewendet hat, um auf die verfügbare Oberfläche zu passen.

Denken Sie daran: Ein Pixel hat keine vordefinierte Größe. Im Gegensatz zu einem Pica.

PSD Tuts hat ein Video, das die Beziehung zwischen Pixeln hier erklärt

Pixel

Pixel ist die kleinste Form, um das Design für eine Anzeigeeinheit anzuzeigen. Beispiel: Ein Anzeigemonitor besteht aus mehreren Pixeln, die eine Anzeige auf Ihrem Bildschirm bilden.