Spezifikation für ein Platzhalterbild erstellen

Eine Platzhalterbild-Spezifikation ist hilfreich, wenn ein Layout bereits vor dem endgültigen Bildmaterial eine verlässliche Bildgeometrie benötigt. Geben Sie eine positive Breite und Höhe in Pixeln sowie optional hexadezimale Hintergrund- und Textfarben an. Das Ergebnis beschreibt die Zeichenfläche, normierte Farben und eine genau mittig positionierte Maßangabe. Es lädt kein Bild herunter, rendert und speichert nichts.

Legen Sie zuerst die Zeichenfläche fest

Beginnen Sie mit der exakten Breite und Höhe, welche das spätere Bild einnehmen soll. Beide Werte werden in Pixeln angegeben und müssen positive ganze Zahlen sein. Dadurch eignet sich die Spezifikation für übliche Abläufe in Browsern, Designsystemen und Testdaten.

Das zurückgegebene Abmessungsobjekt übernimmt diese Werte unverändert, ohne Skalierung oder Vermutung zum Seitenverhältnis. So bildet das Ergebnis eine stabile Grenze zwischen dem Inhaltssystem, das den benötigten Bildplatz kennt, und dem Renderer, der die Spezifikation später in SVG, Canvas-Befehle, CSS oder ein anderes Format umsetzt. Da diese Fähigkeit eine Beschreibung statt binärer Bilddaten liefert, behalten Sie die Kontrolle über Dateityp, Kompression, Typografie und Rendering-Umgebung.

Eine Kartenkomponente kann eine Spezifikation im Querformat anfordern, ein Avatar eine quadratische; beide erhalten dieselbe vorhersehbare Struktur. Nullwerte, negative, gebrochene, fehlende oder nicht numerische Abmessungen werden abgewiesen und nicht stillschweigend korrigiert. Fehlerhafte Layoutdaten gelangen dadurch nicht unbemerkt in nachgelagerte Verarbeitungsschritte.

Verwenden Sie kanonische Hexadezimalfarben

Hintergrund- und Textfarbe sind optional. Wenn Sie diese weglassen, verwendet die Spezifikation einen neutralen hellgrauen Hintergrund und eine dunkelgraue Beschriftung als praktische Platzhalterwerte. Jede angegebene Farbe muss der CSS-Hexadezimalschreibweise mit drei, vier, sechs oder acht Stellen entsprechen; das einleitende Rautezeichen ist optional.

Kurzformen werden erweitert und Buchstaben in Großbuchstaben umgewandelt, sodass gleichwertige Eingaben nur einen kanonischen Wert ergeben. Eine Kurzform und ihre sechsstellige Entsprechung erzeugen somit nicht unnötig unterschiedliche Cache-Schlüssel oder Snapshots. Vier- und achtstellige Formen bewahren den Alphakanal für Renderer mit Transparenzunterstützung.

Farbnamen, Verläufe, Funktionen und Design-Tokens werden bewusst nicht akzeptiert, weil sie von einer bestimmten Stilumgebung abhängen und die Übertragbarkeit schwächen würden. Die Fähigkeit bestätigt auch nicht, dass ein Farbpaar eine Kontrastnorm erfüllt. Prüfen Sie die normierten Farben vor dem Rendering, wenn Lesbarkeit entscheidend ist.

Klare Fehlermeldungen nennen unmittelbar das Feld mit einem nicht unterstützten Format.

Rendern Sie die Beschriftung zuverlässig mittig

Der Beschriftungstext wird unmittelbar aus den geprüften Abmessungen im geläufigen Format Breite mal Höhe erzeugt. Die horizontale Koordinate entspricht der halben Breite und die vertikale der halben Höhe. Bei ungeraden Abmessungen können daher korrekterweise Halbpixelkoordinaten entstehen.

Explizite Werte für die horizontale und vertikale Ausrichtung weisen einen nachgelagerten Renderer an, die Beschriftung in ihrer Mitte zu verankern, statt die Koordinaten als oberen linken Ursprung aufzufassen. Annahmen zu Schriftfamilie, Schriftgröße, Zeilenhöhe oder Textmessung bleiben damit außen vor, denn diese Entscheidungen gehören zur Rendering-Schicht. Eine Browserimplementierung kann die Felder auf SVG-Textattribute abbilden; eine serverseitige Grafikbibliothek kann dieselben Koordinaten mit eigenen Zentrierungsoptionen nutzen.

Die Spezifikation bleibt deterministisch, weil sie ausschließlich prüft, normiert und rechnet. Weder Netzwerkaufrufe noch Uhrzeit, Zufallsquelle oder gespeicherter Zustand beeinflussen das Ergebnis.