Bildecken abrunden

Dieser Rechner prüft Breite, Höhe und den gewünschten Radius, bevor ein Bildprozess den Effekt anwendet. Eine gültige Anfrage liefert den höchstmöglichen Radius und eine klare Beschreibung der Alphamaske in Form eines abgerundeten Rechtecks. Ungültige Angaben werden sofort zurückgewiesen, sodass Designwerkzeuge, Exportskripte und Inhaltssysteme unmögliche Einstellungen schon vor dem Rendern erkennen.

Prüfen Sie den Radius vor der Bildverarbeitung

Geben Sie Bildbreite und Bildhöhe als positive ganze Pixelwerte ein und nennen Sie anschließend den gewünschten Eckenradius in Pixeln. Die Prüfung ermittelt die kürzere Seite und halbiert sie. So entsteht der größte Radius, bei dem sich die Bögen gegenüberliegender Ecken nicht überschneiden. Bei einem Bild mit 1200 mal 800 Pixeln beträgt die kürzere Seite beispielsweise 800 Pixel und der größte gültige Radius 400 Pixel. Jeder Wert von null bis 400 wird akzeptiert, einschließlich Bruchwerten, falls das Layout- oder Renderverfahren Subpixelgeometrie unterstützt. Größere Werte führen zu einem Eingabefehler, der die berechnete Grenze nennt. Diese Kontrolle ist sinnvoll, bevor ein Bildtransformator aufgerufen wird, denn sie trennt eine günstige Geometrieentscheidung vom Dekodieren, Hochladen oder Rendern der Datei. Außerdem gilt dadurch dieselbe Regel für Browserformulare und APIs; ein Client begrenzt den Wert nicht unbemerkt, während ein anderer fehlschlägt. Breite und Höhe müssen positive Ganzzahlen sein, da sie echte Rastermaße darstellen. Der Radius muss endlich und darf nicht negativ sein.

So funktioniert die abgerundete Rechteckmaske

Ein erfolgreiches Ergebnis beschreibt eine Alphamaske mit derselben Breite und Höhe wie das Ausgangsbild. Der mittlere Bereich bleibt deckend. An jeder Ecke legt ein Viertelkreisbogen mit dem gewünschten Radius die Grenze fest: Pixel innerhalb des abgerundeten Rechtecks bleiben sichtbar, Pixel außerhalb der vier Bögen werden beim Anwenden der Maske transparent. Die Fähigkeit beschreibt diesen Vorgang, lädt, dekodiert oder verändert aber keine Bilddatei. Ein Radius von null ergibt ein gewöhnliches deckendes Rechteck, sodass keine Eckpixel entfernt werden. Beim Maximalradius treffen sich die Bögen entlang der kürzeren Abmessung. Ein quadratisches Bild wird dadurch zum Kreis, ein rechteckiges Bild erhält eine kapselähnliche Form. Die Antwort enthält die bestätigten Abmessungen, den Radius, den berechneten Höchstwert und eine verständliche Beschreibung der Maske. Das Ergebnis eignet sich daher für Protokolle, Validierungsmeldungen, Designspezifikationen und nachgelagerten Code, der die Wirkung erklären muss, bevor er einen Renderer aufruft. Ein Interpolationsverfahren wird nicht vorausgesetzt, denn die Kantenglättung ist Aufgabe der Bild-Engine, die die Maske schließlich anwendet.

Nutzen Sie eine Geometrieregel in Design und Automation

Eine einheitliche Radiusprüfung verhindert feine Unterschiede zwischen Entwürfen, Websites, mobilen Apps und Stapelverarbeitungen. Ein Designsystem kann Vorgaben für Avatare und Karten prüfen, bevor es Tokens veröffentlicht. Ein Mediendienst kann eine ungültige Transformation ablehnen, bevor er Rechenressourcen reserviert. Ein Onlineshop kann bestätigen, dass die gewählte Rundung mit jeder erzeugten Vorschaubildgröße funktioniert. Da diese Fähigkeit nur deterministische Berechnungen und Texterzeugung verwendet, liefern identische Eingaben stets dasselbe Ergebnis; Netzwerk, Zufall, Uhrzeit, Speicher und versteckte Bildoperationen werden nicht genutzt. Die Abmessungen der ursprünglichen Zeichenfläche bleiben erhalten, weil abgerundete Ecken nur die Sichtbarkeit am Rand und nicht die Größe der Fläche ändern. Der maximale Radius hängt allein von der kürzesten Seite ab. Ein Tausch von Breite und Höhe verändert die erlaubte Grenze daher nicht. Der API-Preis beträgt $0.002 pro Anfrage; dieselbe reine Berechnung kann kostenlos im Browser laufen. Verwenden Sie die Beschreibung als Plan oder Prüfnachweis und übergeben Sie den bestätigten Radius anschließend an den getrennten Renderer, der die Pixel tatsächlich verändert.