Ablaufschema einer Rendering-Engine: HTML- und CSS-Datei führen zu einer Baumstruktur, daraus Layout mit Positionen und Größen, dann Malen in Ebenen und schließlich Zusammensetzen zum fertigen Bild auf dem Bildschirm.

Rendering-Engine

Eine Rendering-Engine ist der Teil eines Programms, der aus einer Beschreibung ein fertiges Bild auf dem Bildschirm macht. Bekannte Beispiele sind die Engines in Webbrowsern, die aus Textdateien eine sichtbare Webseite bauen.

Wenn du eine Webseite öffnest, lädt dein Computer zunächst nur Text herunter. In dieser Datei steht in einer festen Schreibweise, welche Überschriften, Bilder und Farben die Seite haben soll. Ein Bild ist das noch lange nicht. Erst ein bestimmter Programmteil rechnet aus, wo jeder Buchstabe und jedes Foto landen muss, und färbt dann die einzelnen Bildpunkte ein. Genau dieser Programmteil heißt Rendering-Engine. Das englische Wort „to render“ bedeutet hier so viel wie „darstellen“ oder „ausgeben“.

Warum zwei Browser dieselbe Seite unterschiedlich zeigen

Fast jede Software mit grafischer Oberfläche braucht so einen Baustein. Ohne ihn gäbe es keine Webseiten, keine Videospiele und keine Karten-Apps. Die Rendering-Engine entscheidet, wie schnell und wie schön das Ergebnis aussieht. Sie ist damit oft der Teil, der am meisten Rechenleistung verbraucht.

Im Web gibt es nur wenige große Engines. Chrome und Edge nutzen Blink, Safari nutzt WebKit, Firefox nutzt Gecko. Jede von ihnen legt die Regeln der Webstandards leicht anders aus. Deshalb kann dieselbe Seite in zwei Browsern minimal verschoben aussehen. Webentwickler testen ihre Seiten aus diesem Grund in mehreren Browsern.

Es gibt noch einen wirtschaftlichen Punkt. Weil Blink heute den größten Teil des Marktes abdeckt, bestimmt vor allem Google, was im Web technisch möglich ist. Kritiker sehen darin ein Machtproblem, ähnlich wie bei einer einzigen Firma, die alle Straßen baut.

Vom Bauplan zum fertigen Bildpunkt

Eine Rendering-Engine arbeitet in mehreren Schritten. Zuerst liest sie die Beschreibung ein und baut daraus eine Baumstruktur im Speicher. Dieser Baum sagt, welches Element in welchem anderen steckt. Danach kommt das Layout: Die Engine rechnet für jedes Element aus, wie breit, wie hoch und an welcher Stelle es ist.

Erst im letzten Schritt entstehen echte Farben. Die Engine malt die Elemente in Ebenen, ähnlich wie durchsichtige Folien übereinander. Diese Ebenen werden dann zu einem einzigen Bild zusammengesetzt und an die Grafikkarte geschickt. Bei Animationen passiert das bis zu 60 Mal pro Sekunde.

Ein häufiger Irrtum: Rendering-Engine und Spiele-Engine sind nicht dasselbe. Eine Spiele-Engine wie Unreal enthält zwar auch einen Renderer, kümmert sich aber zusätzlich um Physik, Ton und Spiellogik. Und in der Filmbranche meint Rendering etwas Drittes. Dort rechnet ein Renderer stundenlang an einem einzigen Bild, damit Licht und Schatten möglichst echt wirken.

Wo dir der Begriff in Produkten und Meldungen begegnet

Du benutzt täglich mehrere Rendering-Engines, ohne es zu merken. Jeder Browser hat eine. Viele Apps auf dem Handy sind in Wahrheit Webseiten in einem Rahmen und nutzen die Engine des Betriebssystems. Auch PDF-Programme und Videospiele haben je einen eigenen Renderer.

In Tech-News taucht der Begriff meist bei Streit über Marktmacht auf. Apple erlaubte auf dem iPhone lange nur WebKit, auch für fremde Browser. Die EU hat das über den Digital Markets Act aufgeweicht. Ein anderes Dauerthema sind Sicherheitslücken: Weil eine Engine fremden Code aus dem Internet verarbeitet, ist sie ein beliebtes Ziel für Angriffe.

Auch in der KI-Welt spielt das Thema mit. Wenn ein Chatbot dir eine Tabelle oder Formel formatiert anzeigt, steckt dahinter eine Rendering-Engine im Browser. Und wenn ein Bildgenerator ein Bild erzeugt, ist das gerade kein Rendering im klassischen Sinn. Denn hier wird nichts nach festen Regeln berechnet, sondern aus gelernten Mustern erzeugt.

Subscribe free. Unsubscribe the second it sucks.

High-signal news across AI, business, UX, and tech. Every morning.