Thumbnail-Größen mit korrektem Seitenverhältnis berechnen

Geben Sie ursprüngliche Breite und Höhe sowie alle benötigten Zielbreiten ein; Sie erhalten die passenden Höhen in derselben Reihenfolge. Jede Höhe wird aus dem Seitenverhältnis der Quelle berechnet und auf den nächsten ganzen Pixel gerundet. Das erleichtert die Planung responsiver Bilder, die Dokumentation von Medienvorgaben, die Vorbereitung von Skalierungsaufträgen und einheitliche Berechnungen in Teams oder automatisierten Abläufen.

Beginnen Sie mit Quellbild und benötigten Breiten

Geben Sie die ursprüngliche Breite und Höhe als positive ganze Pixelwerte ein. Übermitteln Sie anschließend eine Liste mit mindestens einer Zielbreite. Der Rechner verarbeitet bis zu hundert Breiten pro Anfrage. Das reicht für ausführliche responsive Bildsätze, Vorgaben in Content-Management-Systemen oder Asset-Listen von Marktplätzen, ohne einen unbegrenzten Auftrag zu erzeugen. Die Reihenfolge ist relevant: Ergebnisse erscheinen genau in der angeforderten Folge, und mehrfach genannte Breiten bleiben erhalten. Dadurch lässt sich die Antwort leicht einer vorhandenen Liste von Breakpoints oder Exportaufträgen zuordnen. Verwenden Sie möglichst die tatsächlichen Pixelmaße der Quelle statt eines vereinfachten Verhältnisses. Ein Foto mit 4032 mal 3024 Pixeln und das Verhältnis 4 zu 3 beschreiben zwar dieselbe Form, doch reale Maße machen die Anfrage verständlicher und verringern das Risiko, Breite und Höhe zu vertauschen. Sämtliche Abmessungen müssen positive Ganzzahlen sein. Null, negative Werte, Dezimalzahlen, Zeichenketten, fehlende Maße, leere Listen und Listen oberhalb der festgelegten Grenze werden abgewiesen.

So wird die Höhe jedes Thumbnails berechnet

Für jede Zielbreite multipliziert der Rechner diesen Wert mit der ursprünglichen Höhe und teilt das Ergebnis durch die ursprüngliche Breite. Damit wird auf beide Achsen derselbe Skalierungsfaktor angewendet, das Seitenverhältnis der Quelle bleibt erhalten und das Bild wird weder gestreckt noch gestaucht. Pixelmaße müssen ganzzahlig sein, daher wird jede errechnete Höhe nach der üblichen JavaScript-Regel auf die nächstliegende Ganzzahl gerundet. Eine Quelle mit 1920 mal 1080 Pixeln ergibt beispielsweise bei einer gewünschten Breite von 800 Pixeln eine Höhe von 450 Pixeln. Manche Seitenverhältnisse und Zielbreiten führen zu Bruchteilen; durch die Rundung kann das dargestellte Verhältnis minimal abweichen, was bei Rasterausgaben unvermeidbar ist. Die Antwort enthält die Quellmaße, das numerische Verhältnis von Breite zu Höhe und einen Thumbnail-Datensatz je angeforderter Breite. Diese Funktion berechnet ausschließlich Maße. Sie lädt kein Bild herunter, untersucht, beschneidet, komprimiert, schärft oder skaliert keine Bilddaten und kann nicht gewährleisten, dass eine Vergrößerung kleiner Quellen eine ausreichende Bildqualität liefert.

Nutzen Sie das Ergebnis in responsiven und automatisierten Abläufen

Die zurückgegebene Thumbnail-Liste kann eine Bildverarbeitungswarteschlange, ein Build-Skript, eine Designübergabe oder die Konfiguration eines Content-Management-Systems speisen. Ein Frontend-Team kann Breiten passend zu den Layout-Breakpoints anfordern und mit den berechneten Höhen Platz reservieren, bevor Bilder geladen werden. Ein Redaktionsteam kann die Datensätze beim Medienobjekt speichern, damit Bearbeitende die exakten Maße kennen, die mit einem separaten Werkzeug zu erzeugen sind. Eine API-Integration kann zuerst den Plan erstellen und prüfen und anschließend jeden Datensatz an einen Bildtransformationsdienst senden. Der Algorithmus ist deterministisch und verwendet weder Netzwerk noch Zufallswerte oder aktuelle Uhrzeit; dieselbe gültige Eingabe erzeugt daher stets dieselbe Ausgabe. Beachten Sie, dass dieses Werkzeug die vollständige Form der Quelle bewahrt und keine Ausschnitte mit festem Verhältnis erzeugt, etwa quadratische Avatare oder Vorschaukarten für soziale Netzwerke. Verlangt ein Ziel exakte Breite und Höhe in einem anderen Verhältnis, verwenden Sie einen Zuschnitt. Der API-Preis beträgt $0.002 pro Anfrage, unabhängig von der Anzahl der enthaltenen zulässigen Zielbreiten.