Vignettierung berechnen
Bei Stärke 0,35 behalten die Ecken eines Bildes mit 1920×1080 noch 65 % ihrer Helligkeit, also 35 % Abdunklung, während die Mitte unverändert bleibt. Geben Sie Breite, Höhe und Stärke ein und erhalten Sie Eckenfaktor und Abstand in Pixeln. Kostenlos in Ihrem Browser.
- Kostenlos
- Läuft in Ihrem Browser
- Ohne Anmeldung
- Ihre Daten bleiben auf Ihrem Gerät
Im Browser ausführen – kostenlos
Rechenbeispiel
- Breite
- 1.920
- Höhe
- 1.080
- Stärke
- 0,35
- Mittenfaktor
- 1
- Eckenfaktor
- 0,65
- Ecke im Vergleich zur Mitte
- 0,65
- Eckenabdunkelung (%)
- 35
Dieser Rechner für Vignettierung wandelt Bildbreite, Bildhöhe und Effektstärke in einen verständlichen Helligkeitsvergleich zwischen Mitte und Ecken um. Er verwendet ein normiertes quadratisches Radialmodell: Die Mitte behält den Faktor eins, während jede Ecke die stärkste angeforderte Reduzierung erhält. Das Ergebnis nennt den Multiplikator an den Ecken, die prozentuale Abdunklung und den Pixelradius von der Mitte bis zur Ecke. Damit können Sie den Effekt planen, bevor Sie ihn in einem Editor, Shader, Canvas oder einer Bildverarbeitungspipeline rendern.
Deuten Sie die Helligkeitsfaktoren vor der Anwendung
Eine Vignettierung verringert die Helligkeit, je weiter Pixel von der Bildmitte entfernt sind. Dieser Rechner gibt die Änderung als Multiplikator aus, sodass sich das Ergebnis in Bearbeitungsprogrammen und Rendercode verwenden lässt. Der Faktor in der Mitte beträgt immer 1; dort bleibt die ursprüngliche Helligkeit erhalten.
Ergibt sich für die Ecken ein Faktor von 0.65, bewahrt eine Ecke in diesem vereinfachten Modell 65 Prozent ihrer ursprünglichen Kanalwerte und ist gegenüber der Mitte um 35 Prozent reduziert. Bei Stärke 0 ändert sich nichts, während Stärke 1 den theoretischen Eckenfaktor auf null setzt. Das Werkzeug verändert oder untersucht kein hochgeladenes Bild, sondern schätzt die Maske aus numerischen Eingaben.
So können Sie Einstellungen vergleichen, eine kreative Vorgabe dokumentieren oder die Bedeutung eines Reglers prüfen, bevor Sie eine große Datei rendern. Verwenden Sie den Multiplikator als Maskenwert für lineares Licht oder als Näherung, falls Ihr Editor in einem anderen Farbraum arbeitet.
Verstehen Sie das quadratische Radialmodell
Die Berechnung setzt den Bildmittelpunkt auf den radialen Abstand null und normiert den Abstand zu jeder Ecke auf eins. Bei einem normierten Radius r lautet der Helligkeitsmultiplikator 1 minus Stärke mal r zum Quadrat. Durch das Quadrieren verändert sich der mittlere Bereich sanft, während die Abdunklung nach außen schneller zunimmt.
Genau in der Mitte ist r null und der Multiplikator bleibt 1. An jeder Ecke ist r eins; dort ergibt sich 1 minus Stärke. Breite und Höhe bestimmen den tatsächlichen Radius in Pixeln über den Satz des Pythagoras aus halber Breite und halber Höhe.
Den normierten Eckenfaktor verändern sie nicht, da jedes rechteckige Bild auf seinen eigenen Eckenradius bezogen wird. Diese Definition ist bewusst gewählt und reproduzierbar. Sie behauptet nicht, dass jedes Fotoprogramm dieselbe Verlaufskurve nutzt.
Einstellungen wie Mittelpunkt, Rundheit, weiche Kante, Objektivprofil oder gammakorrigierte Mischung können trotz identischem Eckenmultiplikator einen anderen visuellen Übergang erzeugen.
Nutzen Sie die Schätzung in Gestaltung und Entwicklung
Beginnen Sie mit den endgültigen Bildmaßen in Pixeln und einer Stärke zwischen null und eins. Nutzen Sie den ausgegebenen Eckenfaktor für eine knappe Vorgabe wie „Die Ecken behalten 72 Prozent der Helligkeit in der Mitte“. Der Abdunklungsprozentsatz eignet sich besonders für Absprachen mit Designteams oder den Vergleich von Voreinstellungen.
Der Pixelradius hilft bei der Umsetzung in Canvas, WebGL, einer mit CSS erzeugten Maske oder einem Offline-Renderer, weil er den Normierungsabstand liefert. Messen Sie für jedes Pixel den Abstand zur Mitte, teilen Sie ihn durch den angegebenen Eckenradius, begrenzen Sie den normierten Wert auf eins, quadrieren Sie ihn, multiplizieren Sie ihn mit der Stärke und ziehen Sie das Ergebnis von eins ab. Multiplizieren Sie anschließend die Ausgangshelligkeit mit diesem Faktor.
Bei RGB-Werten in sRGB entspricht die direkte Kanalmultiplikation physikalisch nicht einer Berechnung mit linearem Licht, kann aber der gewünschten Gestaltung entsprechen. Prüfen Sie das Bild insbesondere an den Rändern und passen Sie die Kurve an, wenn Sie ein bestimmtes Programm nachbilden möchten.
Anwendungsfälle
Eine Fotovorgabe planen
Wandeln Sie eine vorgesehene Stärke in einen eindeutigen Eckenmultiplikator um, bevor Sie die Vorgabe auf eine Sammlung anwenden.
Eine Shader-Maske festlegen
Nutzen Sie Eckenradius und quadratisches Modell für eine deterministische radiale Abdunklungsmaske in einer Grafikpipeline.
Gestaltungsvarianten vergleichen
Beschreiben Sie erhaltene Helligkeit und Abdunklungsanteil zweier Stärken, ohne jedes mögliche Bild zu rendern.
Häufige Fragen
Was bedeutet der Eckenfaktor?
Er ist der Helligkeitsmultiplikator jeder Ecke gegenüber der unveränderten Mitte. Ein Faktor von 0.7 bedeutet, dass die Ecke 70 Prozent der modellierten Helligkeit der Mitte behält.
Warum sind alle vier Ecken gleich?
Das Modell ist radial und zentriert. Daher haben alle Ecken denselben normierten Abstand zur Bildmitte, auch wenn Breite und Höhe verschieden sind.
Warum sind die Maße wichtig, wenn der Faktor von der Stärke abhängt?
Die Maße bestimmen den Pixelradius von der Mitte zur Ecke, der bei der Umsetzung der Maske zur Normierung der Abstände benötigt wird.
Verändert dieses Werkzeug mein Bild?
Nein. Es berechnet nur numerische Faktoren und lädt, dekodiert, rendert oder übermittelt kein Bild.
Erzeugt mein Bildbearbeitungsprogramm genau dieselbe Vignette?
Nicht unbedingt. Programme bieten zusätzliche Regler wie Mittelpunkt, Rundung, weiche Kante, Objektivprofile oder gammabewusstes Überblenden, deshalb kann der Verlauf anders aussehen, auch wenn der Wert an den Ecken übereinstimmt.
Verwandte Tools
Für Entwickler — API-Zugang
Alles auf dieser Seite ist auch per API verfügbar. Dieser Abschnitt richtet sich an Teams, die es in ihre eigenen Systeme einbinden möchten; alle anderen nutzen einfach das Tool oben.
Endpunkt
Authentifizierung per Bearer-Token. Ein einziger POST stellt die Aufgabe in die Warteschlange; das Ergebnis erhalten Sie per Webhook oder über einen signierten Link.
Aufruf aus Ihrem Stack
curl -X POST https://api.kit.forhosting.com/image/vignette-estimate \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"width":1920,"height":1080,"strength":0.35}'const res = await fetch("https://api.kit.forhosting.com/image/vignette-estimate", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"width": 1920,
"height": 1080,
"strength": 0.35
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/image/vignette-estimate",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"width": 1920,
"height": 1080,
"strength": 0.35
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/image/vignette-estimate", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"width":1920,"height":1080,"strength":0.35}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"width":1920,"height":1080,"strength":0.35}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/image/vignette-estimate", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)Beispiel-Anfrage
{
"width": 1920,
"height": 1080,
"strength": 0.35
}Beispiel-Antwort
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "image.vignette_estimate",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}Die API arbeitet asynchron: Sie erhalten sofort eine task_id. Polling ist mit 1 Anfrage pro Sekunde erlaubt.
Preis
Der Preis steht auf der Seite – keine Tokens, keine Credits. Fehlgeschlagene Aufgaben werden nicht berechnet.
Limits
max_mb | 15 |
max_megapixels | 12 |
Fehler
| HTTP | Code | Bedeutung |
|---|---|---|
401 | unauthorized | Der API-Schlüssel fehlt oder ist ungültig – prüfen Sie den Authorization-Header (Bearer). |
402 | insufficient_balance | Ihr Guthaben reicht für diese Aufgabe nicht aus – Aufladungen verfallen nicht. |
404 | unknown_type | Unbekannter Aufgabentyp – prüfen Sie das Feld „type“ gegen den Katalog. |
429 | rate_limited | Zu viele Anfragen – warten Sie kurz; Polling ist mit 1 Anfrage pro Sekunde erlaubt. |
Technische Fragen
Was geschieht bei einer Stärke außerhalb von 0 bis 1?
Die Anfrage liefert den Fehler invalid_input, weil Werte außerhalb des eingeschlossenen Bereichs nicht zu diesem Modell gehören.
Was kostet eine API-Anfrage?
Jede API-Anfrage kostet $0.002. Die Browserversion führt dieselbe deterministische Berechnung lokal aus.