Bilder und Fotos · Social Image Resizer
4:5, 0.8 oder 1600×2000: Drei Möglichkeiten, das gleiche Seitenverhältnis zu schreiben
· Hintergrund
Seitenverhältnis Bildabmessungen Bildgröße ändern
Ein Verhältnis wie 4:5, eine Dezimalzahl wie 0.8 und eine Pixelgröße wie 1600×2000 beschreiben alle dieselbe Form und können in den Spezifikationen beliebig gemischt werden. In diesem Beitrag wird erklärt, wie man zwischen ihnen umrechnet, wie man ein Dimensionspaar auf sein einfachstes Verhältnis reduziert und wo Rundungen zu Verwirrung führen.
Drei Spezifikationen, eine Form – die konkrete Verwirrung, wenn eine Quelle 4:5 sagt, eine andere 0.8 und eine dritte Pixel angibt
Ein Brief kann eine Porträtform als 4:5, 0.8 oder 1600×2000 beschreiben. Das erste ist ein Verhältnis, das zweite ist die Breite geteilt durch die Höhe und das dritte ist ein konkretes Pixelraster mit diesem Verhältnis. Das Verwechseln dieser Formen kann dazu führen, dass ein Ausschnitt verdreht wird oder Abmessungen entstehen, die der beabsichtigten Form nur nahekommen.
Social Image Resizer akzeptiert bekannte Verhältnisoptionen und benutzerdefinierten Text wie `4:5`, `4/5` oder `1.91:1`. Sein Parser gibt Breite geteilt durch Höhe zurück, dann kombiniert sizeFromRatio diese Zahl mit einem Budget für die längste Kante, um ganzzahlige Dimensionen zu erzeugen. Die Arithmetik ist sichtbar und einheitsgetestet.
Verhältnisnotation – Breite zu Höhe, warum die Reihenfolge wichtig ist und warum 5:4 und 4:5 unterschiedliche Ausrichtungen derselben Zahlen sind
Verhältnisreihenfolge ist zuerst die Breite, dann die Höhe. Vier bis fünf bedeutet ein Porträt, da vier Breiteneinheiten weniger als fünf Höheneinheiten einnehmen. Fünf vor vier ist Landschaft. Die gleichen zwei Zahlen beschreiben nicht die gleiche Ausrichtung, wenn ihre Reihenfolge umgekehrt wird.
Verhältnisse können skaliert werden, ohne die Form zu ändern: 4×5, 800×1000 und 1600×2000 reduzieren sich alle auf die gleiche Beziehung. Sie enthalten keinen eigenständigen Beschluss. Ein Verhältnis teilt dem Zusteller die Form des Rechtecks mit; Ein Pixelpaar teilt dem Renderer mit, wie viele Samples das endgültige Rechteck enthält.
Dezimalform – Breite durch Höhe dividieren und warum Dezimalzahlen wie 1.78 Näherungen von 16 sind:9
Die Dezimalform kommt aus der Division. Vier geteilt durch fünf ist genau 0.8, während sechzehn geteilt durch neun Wiederholungen ist und in der Prosa üblicherweise gerundet wird. Eine Dezimalzahl wie 1.78 ist daher möglicherweise eher eine Abkürzung als ein exakter Ersatz für 16:9. Die Verwendung des ursprünglichen Bruchteils vermeidet unnötige Abweichungen.
Der benutzerdefinierte Parser von ToolAcre unterstützt Dezimalbegriffe auf beiden Seiten des Doppelpunkts, weshalb `1.91:1` gültig ist. Es lehnt Nulltext und fehlerhaften Text ab. Die resultierende JavaScript-Zahl nimmt weiterhin an gerundeten ganzzahligen Ausgabedimensionen teil. Behalten Sie daher die angeforderte Notation bei, wenn es auf die genaue Herkunft ankommt.
Von Pixeln zu einem Verhältnis – Reduzierung eines Dimensionspaares um seinen größten gemeinsamen Teiler und warum „fast 4:5“ passiert
Um die Pixelabmessungen auf ein einfaches ganzzahliges Verhältnis zu reduzieren, teilen Sie Breite und Höhe durch ihren größten gemeinsamen Teiler. Für 1600×2000 ist der Divisor 400, sodass 4×5 übrig bleibt. Wenn sich ein Paar nicht auf das erwartete Verhältnis reduziert, vergleichen Sie seine Dezimalbreite dividiert durch die Höhe und entscheiden Sie, ob die Rundung den Unterschied verursacht hat.
Nicht jedes nützliche Verhältnis weist nach der Ausgaberundung eine saubere Reduktion auf kleine ganze Zahlen auf. sizeFromRatio rundet die berechnete kürzere Kante, sodass eine benutzerdefinierte längste Kante ein Paar erzeugen kann, das der angeforderten Dezimalzahl nahe kommt. Die Leinwand benötigt weiterhin eine positive ganzzahlige Breite und Höhe; Teilausgabepixel sind nicht vorhanden.
Arbeitsbeispiel: Reduzieren einiger Dimensionspaare – der Arithmetik, und Erkennen, wenn ein Paar nicht ganz dem Verhältnis entspricht, das es behauptet
Reduzieren Sie 1080×1350 um ihren größten gemeinsamen Teiler, 270, um 4:5 zu erhalten. Teilen Sie 1200 durch 630, um ungefähr 1.9048 zu erhalten, was in der aktuellen Open Graph-Voreinstellung als prägnante Beschreibung mit 1.91:1 gekennzeichnet ist. Teilen Sie 1584 durch 396 und erhalten Sie genau 4, passend zur aktuellen LinkedIn-gekennzeichneten Bannervorgabe 4:1.
Diese Beispiele beschreiben aktuelle ToolAcre-Voreinstellungen, keine permanenten Zielspezifikationen. Ihr Wert ist hier arithmetisch. Ein Prüfer kann erkennen, ob ein Dimensionspaar genau mit seiner Bezeichnung übereinstimmt, ob es sich um eine gerundete Konvention handelt und ob jemand versehentlich die Ausrichtung vertauscht hat.
Orientierungswörter – Hochformat, Querformat, Quadrat, Vertikal und wie sie den Zahlen zugeordnet werden
Quadrat bedeutet, dass Breite gleich Höhe ist. Hochformat bedeutet, dass die Breite kleiner ist; Querformat bedeutet, dass die Breite größer ist. „Vertikal“ beschreibt oft ein großes Porträt wie 9:16, aber Wörter sind weniger präzise als Zahlen. Behalten Sie in den Produktionsnotizen immer das bestellte Verhältnis oder Maßpaar bei.
Die aktuellen Bezeichnungen von ToolAcre unterscheiden Quadratisch 1:1, Hochformat 4:5, Vollporträt 9:16 und Querformat 16:9. Diese Wörter helfen bei der Navigation, während die Werte die Geometrie bestimmen. Wenn ein Stakeholder nur „Porträt“ sagt, fragen Sie nach dem Verhältnis oder dem Ziel, anstatt zwischen mehreren großen Formen zu raten.
Was dies nicht abdeckt – welche Plattform verwendet heute welches Verhältnis; Behandeln Sie die Zahlen hier als Rechenbeispiele, nicht als Spezifikationen
In diesem Artikel werden die heutigen Verhältnisse nicht sozialen Produkten zugeordnet, die über die datierte voreingestellte Tabelle hinausgehen. Plattformen können Dimensionen und Präsentationen überarbeiten. Die Arithmetik bleibt gültig, aber ob ein Ziel heute 4:5 möchte, ist eine externe Frage des aktuellen Status, die anhand seiner eigenen Richtlinien überprüft werden muss.
Es wird auch nicht behauptet, dass zwei Dateien mit gleichem Verhältnis die gleiche Qualität haben. Ein 400×500-Bild und ein 1600×2000-Bild haben die gleiche Form, aber nicht die Pixelanzahl. Quelldetails, Skalierungsrichtung, Kodierung und Anzeigegröße bleiben separate Variablen, die die Verhältnisnotation allein nicht beantworten kann.
Fazit: Konvertieren Sie mit Zuversicht – mit dem Social Image Resizer können Sie das von einer Plattform erwartete Seitenverhältnis auswählen und die Pixelarithmetik übernehmen
Übersetzen Sie die Notation, indem Sie die Konzepte getrennt halten: Verhältnis für Form, Dezimalzahl für numerischen Vergleich und Abmessungen für das konkrete Pixelraster. Verwenden Sie die Reduzierung des größten gemeinsamen Teilers, wenn ganzzahlige Paare dies zulassen, und erwarten Sie eine Rundung, wenn ein Verhältnis auf eine ganzzahlige längste Kante trifft.
Social Image Resizer führt die letzte Konvertierung für benutzerdefinierte Verhältnisse durch und veröffentlicht die tatsächlichen Ausgabeabmessungen. Überprüfen Sie das berechnete Paar, bewahren Sie das beabsichtigte Verhältnis in den Überprüfungsnotizen auf und bestätigen Sie die aktuellen Anforderungen des Ziels. Das ersetzt die Notationsverwirrung durch überprüfbare Arithmetik.