ray.so: Code einfuegen, ein brauchbares Bild herausnehmen

Zusammenfassung

ray.so macht aus ein paar Zeilen Code in drei Schritten ein vorzeigbares Bild: Seite oeffnen, Code einfuegen, Stil waehlen. Dutzende Sprachen werden hervorgehoben, die Themen sind ausgewaehlt statt angehaeuft, Hintergruende kommen als Vorgabe oder mit eigenem Winkel und eigener Farbe, Fenstergroesse und Innenabstand lassen sich stellen, und der Ausgang liefert die 2-fache Aufloesung. Kein Konto, kein Wasserzeichen, alles offen.

Empfehlen
Name
ray.so
Version
web
Preis
Kostenlos
Open Source
Open Source
Betriebssystem
Web
Webseite
https://ray.so/
Aktualisiert
2026-10-06 18:56

Ein kleines Problem, das ein eigenes Werkzeug verdient

Eine Anleitung schreiben, in einem technischen Gespraech antworten, Folien vorbereiten — frueher oder spaeter muessen ein paar Zeilen Code zu einem Bild werden. Den Editor abfotografieren: unruhiger Hintergrund, kleine Schrift. Ein Bildprogramm oeffnen: der Aufwand steht in keinem Verhaeltnis zu drei Aufnahmen. Dieses Werkzeug presst die ganze Sache in drei Bewegungen: Seite oeffnen, Code einfuegen, Stil waehlen. Heraus kommt ein Bild mit Fensterknoepfen, runden Ecken, Schatten und Verlaufs-Hintergrund, das direkt in einen Artikel oder einen Beitrag passt.

Der Editor mit einem Codebeispiel und den Stilreglern

Zurueckhaltung als Entwurfsentscheidung

Das Projekt kommt von einem kleinen Team, das fuer Arbeitswerkzeuge bekannt ist, und der Geschmack zeigt sich daran, was fehlt, nicht daran, was dazukommt. Die Hervorhebung deckt Dutzende Programmiersprachen ab, die Liste der Themen ist aber weggekuerzt statt aufgefuellt: ein Dutzend sorgfaeltig gewaehlter Moeglichkeiten schlaegt zweihundert, von denen die meisten falsch wirken. Hintergruende gibt es als Vorgabe oder als Winkel und Farbe, die man selbst bestimmt, und das ist der Unterschied zwischen einer Vorlage und einem Werkzeug.

Alles, was die Silhouette des Bildes veraendert, laesst sich an Ort und Stelle stellen: Fenstergroesse, Innenabstand, eine dunkle Darstellung fuer das Lesen am Abend. Der Ausgang kommt in 2-facher Aufloesung, ein Bild uebersteht also den Weg in eine hochaufloesende Praesentation, statt auf dem Projektor weich zu werden. Es gibt keine Anmeldeschranke und kein Wasserzeichen, und fuer ein Werkzeug dieser Groesse ist das das ganze Geschaeftsmodell: einfuegen, gestalten, klicken, sichern.

Offen, und durchgehend frei

Das ganze Projekt liegt offen auf einer grossen Code-Plattform, auf einem modernen Stapel, und wer gern bastelt, kann eine Fassung im eigenen Netz aufstellen, damit ein Team in der Dokumentation dieselbe Handschrift fuer Code verwendet. Fuer die meisten reicht ein Lesezeichen, denn das Entwurfsziel ist ausdruecklich: oeffnen, benutzen, gehen. Nichts wird gespeichert, nichts folgt einem danach.

Ebenso klar ist, was es nicht ist. Es gibt hier keinen Editor, keine Verlaufsliste, keine Zusammenarbeit und keine Datei zum Einlesen — Code kommt als eingefuegter Text an. Und einen schlechten Ausschnitt rettet es nicht: dreihundert Zeilen in einem Bild sind die falsche Form, unabhaengig von der Aufloesung, und die ehrliche Loesung ist, den Ausschnitt zu kuerzen statt ihn zu verkleinern.

Warum es einen festen Platz verdient

Die Pruefung fuer ein kleines Werkzeug ist nicht, wie viel es kann, sondern wie oft der Griff danach geht. Wer Dokumentation schreibt, in einem technischen Forum antwortet oder Unterrichtsmaterial vorbereitet, macht dieselbe Bewegung mehrmals pro Woche, und ein Werkzeug, das daraus zwei Sekunden macht, verdient ein Lesezeichen, auch wenn es sonst nichts tut.

Ein echter Nachmittag

Eine Fehlermeldung schreiben ist der klarste Fall. Die Nachstellung sind vier Zeilen aus einer langen Datei, und ein Bild des ganzen Editors begraebt diese vier Zeilen in einer Seite unnuetzen Zusammenhangs. Einfuegen, auf das Wesentliche kuerzen, ein Thema waehlen, das auf einem Telefon in einem hellen Raum noch lesbar bleibt, in 2-facher Groesse ausfuehren und das Bild einsetzen. Das dauert unter einer Minute, und darum geht es: ein Bericht wird einmal geschrieben und von Leuten ueberflogen, die ihm dreissig Sekunden schulden.

Dieselbe Rechnung gilt fuer Unterrichtsmaterial. Eine Folie mit vier lesbaren Zeilen schlaegt die Aufnahme einer ganzen Anwendung mit drei Werkzeugleisten am Rand, und der Unterschied ist nicht Schmuck — er entscheidet, ob im Raum jemand das Beispiel tatsaechlich liest. Wenn der Punkt des Bildes der Code ist, dann ist alles andere im Rahmen eine Steuer.

Die Obergrenze, ehrlich gesagt

Ein so schmales Werkzeug waechst nicht mit, und es sollte es auch nicht versuchen. Es wird nie eine Sammlung von Ausschnitten ordnen, es wird sie nicht mit Versionen versehen, und es wird sich nicht merken, welchen Stil man letzten Monat benutzt hat. Sein richtiger Platz ist eine Bewegung in einer laengeren Kette: hier den Ausschnitt festhalten, anderswo beschriften, an dritter Stelle den Artikel zusammensetzen. Als Baustein ist es hervorragend; als Plattform ist es nichts, und das hat es nie behauptet.

Der Wert eines kleinen Werkzeugs liegt darin, eine Bewegung an ihre Grenze zu bringen. Kein Kontosystem, keine Bezahlschranke, offener Code, eine Seite, die in etwa drei Sekunden ein Bild liefert — fuer einen haeufigen kleinen Bedarf wie einen Code-Auszug ist das die richtige Menge Software.

ray.soDownload
Unterstützte Systeme: Web