KI in der Praxis

ChatGPT Work – Teil 11: Bilder und visuelle Inhalte für die tägliche Arbeit

Vom Blogtitelbild zur passenden Social-Media-Version. Teil 11 zeigt, wie Sie Bildaufträge präzise formulieren, Referenzen einsetzen und Entwürfe gezielt bearbeiten. Dazu kommen passende ALT-Texte und die Frage, wann ein Diagramm die bessere Darstellung liefert.

6 min Lesezeit
Monitor und Smartphone zeigen einen Pavillon mit türkisfarbenem Baum im Quer- und Hochformat.

Ein Blogbeitrag braucht ein Titelbild, eine Mitarbeiterinformation eine verständliche Illustration und ein Social-Media-Beitrag ein Motiv, das auf dem Smartphone erkennbar bleibt. Für solche Aufgaben hilft ein Arbeitsauftrag, der den Verwendungszweck und die gewünschte Bildaussage beschreibt.

ChatGPT unterstützt das Erstellen und Bearbeiten von Bildern sowie die Verwendung von Referenzbildern. Welche Funktionen in Ihrer Arbeitsumgebung verfügbar sind, hängt vom Tarif und von den Workspace-Einstellungen ab. Die offizielle Dokumentation beschreibt dafür Aufträge in natürlicher Sprache und die schrittweise Überarbeitung eines Ergebnisses.

Bevor Sie ein Bild beauftragen, legen Sie fest, was es vermitteln soll. „Modernes Titelbild zum Thema digitale Zusammenarbeit“ lässt viele Deutungen zu. Eine konkrete Szene gibt mehr Orientierung. Ein gemeinsamer Bildschirm, auf dem mehrere Arbeitsstände zusammenlaufen, erzählt beispielsweise etwas anderes als eine Person vor einem Stapel unbearbeiteter Unterlagen.

Der Einsatzzweck bestimmt den Bildaufbau. Ein Titelbild muss auch in der Vorschau funktionieren. Eine Illustration innerhalb eines Artikels darf mehr Einzelheiten zeigen, weil die Leserinnen und Leser sie im Zusammenhang betrachten. Eine Bildvariante kann denselben Gedanken mit einer anderen Perspektive oder einem vereinfachten Hintergrund aufgreifen.

Überladen Sie die Szene daher möglichst wenig. Wenn das Thema „Aus Unterlagen eine Präsentation entwickeln“ lautet, können Dokumente, ein Laptop und eine Präsentationsfläche die Verbindung bereits zeigen. Weitere Geräte, Symbole und Figuren lenken schnell vom eigentlichen Motiv ab.

Im Bildauftrag sollten Motiv, Stil und Format zusammenpassen. „Fotorealistisch“, „redaktionelle Illustration“ und „plastische 3D-Darstellung“ führen zu unterschiedlichen Ergebnissen. Für eine zusammenhängende Blogserie lohnt es sich, einige Merkmale festzuhalten, etwa die Farbpalette, die Lichtstimmung und die Detaildichte.

Ein möglicher Auftrag lautet:

Erstelle ein Titelbild für einen sachlichen IT-Blog. Zeige einen aufgeräumten Arbeitsplatz, an dem aus einem Stapel Projektunterlagen eine übersichtliche Präsentation entsteht. Verwende eine moderne plastische Illustration mit dunkelblauen Flächen, dezenten türkisfarbenen Akzenten und weichem Licht. Gestalte das Bild im Seitenverhältnis 16:9. Halte die wichtigsten Gegenstände mit Abstand zu den Bildrändern. Ohne Text.

Die Angaben zur Gestaltung in diesem Artikel sind Beispiele. Sie können sie durch die Vorgaben Ihrer eigenen Publikation ersetzen.

Seitenverhältnis und Auflösung erfüllen unterschiedliche Aufgaben. Das Seitenverhältnis beschreibt die Form des Bildes. Ein Bild im Format 16:9 ist deutlich breiter als hoch, eine Version im Format 4:5 hochkant. Die Auflösung bestimmt, wie viele Bildpunkte für die Darstellung zur Verfügung stehen.

Für ein Blogtitelbild kann beispielsweise 1600 × 900 Pixel die gewünschte Form beschreiben, für eine Social-Media-Version 1080 × 1350 Pixel. Das sind mögliche Produktionsmaße. Prüfen Sie die tatsächlichen Abmessungen der gelieferten Datei und die Darstellung im verwendeten CMS oder Veröffentlichungskanal.

Ein Wechsel von 16:9 auf 4:5 verändert die nutzbare Fläche erheblich. Beim einfachen Zuschneiden verschwinden möglicherweise Gegenstände, die den Zusammenhang erklären. Beurteilen Sie deshalb, ob ein Ausschnitt genügt oder das Motiv neu angeordnet werden muss.

Referenzbilder machen Vorgaben anschaulich. Sie können ein vorhandenes Titelbild als stilistische Orientierung anhängen oder ein Ausgangsbild zur Bearbeitung bereitstellen. Benennen Sie die Rolle jeder Datei. Bei mehreren Referenzen sollte klar sein, welche das Motiv und welche die Gestaltung vorgibt.

Zum Beispiel:

Bild 1 ist das Ausgangsmotiv. Bild 2 zeigt die gewünschte Farbpalette und den Illustrationsstil. Entwickle aus dem Ausgangsmotiv eine Hochkantversion für Social Media.

Eine Referenz gibt eine Richtung vor. Prüfen Sie am Ergebnis, ob die Merkmale wiedererkennbar sind, auf die es Ihnen ankommt. Für eine Serie können das die Perspektive, die Farben und die Formensprache sein. Bei einem konkreten Gegenstand zählt möglicherweise jedes sichtbare Detail.

Änderungswünsche brauchen eine räumliche Zuordnung. „Bitte besser machen“ lässt offen, woran Sie sich stören. „Vereinfache den Hintergrund hinter dem Laptop“ beschreibt eine überprüfbare Änderung. Bitten Sie zunächst um eine einzelne Korrektur und beurteilen Sie anschließend das gesamte Bild erneut. Die offizielle Dokumentation empfiehlt ebenfalls gezielte Überarbeitungen und klare Angaben zum Umfang einer Bearbeitung.

Bei einem Bild für eine Anleitung lohnt besondere Aufmerksamkeit. Wenn die Position eines Anschlusses oder die Beschriftung einer Schaltfläche die Handlung erklärt, vergleichen Sie die Darstellung mit dem tatsächlichen Gerät oder Programm. Für eine Bedienungsanleitung bietet sich häufig ein Originalfoto oder ein Screenshot mit gezielten Markierungen an.

ALT-Texte entstehen aus dem fertigen Bild. Der Auftrag beschreibt eine Absicht, das Ergebnis kann davon abweichen. Lassen Sie deshalb das tatsächlich verwendete Bild betrachten und beschreiben Sie die für den Beitrag wichtige sichtbare Information.

Ein brauchbarer ALT-Text benennt die wesentlichen Gegenstände und ihren Zusammenhang. Für das Beispielmotiv könnte er lauten:

Projektunterlagen liegen vor einem Laptop, auf dessen Bildschirm eine übersichtliche Präsentation zu sehen ist.

Dieser Beispieltext passt nur, wenn das fertige Bild diese Szene tatsächlich zeigt. Ergänzen Sie keine Aussagen über Erfolg, Produktivität oder Stimmung, die sich aus dem Bild nicht erkennen lassen. Eine längere Bildbeschreibung kann zusätzliche räumliche Details erklären. Eine Bildunterschrift kann dagegen den Bezug zum Artikel herstellen.

Für überprüfbare Beziehungen sind Diagramme oft geeigneter. Ein Titelbild kann Datenanalyse durch abstrakte Balken symbolisieren. Sobald die Balkenhöhen tatsächliche Kosten vergleichen sollen, brauchen sie nachvollziehbare Werte, Einheiten und Beschriftungen. Lassen Sie ein solches Diagramm aus den geprüften Ausgangsdaten erstellen und kontrollieren Sie die Berechnung.

Ähnliches gilt für technische Darstellungen. Ein Netzwerkplan muss die tatsächlichen Verbindungen zeigen. Ein Ablaufdiagramm muss Bedingungen und Verzweigungen korrekt wiedergeben. Entscheidend ist, ob die Betrachter aus der Grafik eine konkrete fachliche Aussage ableiten sollen. Dann gehören die zugrunde liegenden Daten oder Beziehungen ausdrücklich zum Auftrag.

Für die Praxis entwickeln wir ein Bildpaar zu einem fiktiven Blogbeitrag über digitale Zusammenarbeit. Es soll zeigen, wie mehrere Arbeitsstände in einem gemeinsamen Projekt zusammenkommen.

  1. Die Bildidee festlegen. Wählen Sie eine Szene, die in beiden Formaten funktioniert. Hier sind das zwei Personen an einem Tisch mit einem gemeinsamen Bildschirm. Das Hauptmotiv liegt nah an der Bildmitte.
  2. Das Blogtitelbild beauftragen. Ein geeigneter Auftrag könnte lauten:
Erstelle ein Titelbild im Format 16:9 für einen IT-Blogbeitrag über digitale Zusammenarbeit. Zeige zwei Personen an einem gemeinsamen Arbeitstisch, die Projektunterlagen auf einem großen Bildschirm zusammenführen. Verwende eine moderne redaktionelle Illustration mit ruhigen Blautönen und wenigen türkisfarbenen Akzenten. Die Personen und der Bildschirm sollen die Szene prägen. Ohne Text und Logos.
  1. Den Entwurf prüfen. Ist erkennbar, woran die Personen gemeinsam arbeiten? Sind die Gegenstände plausibel dargestellt? Bleibt der Zusammenhang auch in einer kleinen Vorschau verständlich? Korrigieren Sie zunächst die Bildaussage, anschließend störende Details.
  2. Die Social-Media-Version entwickeln. Verwenden Sie das ausgewählte Titelbild als Ausgangspunkt und geben Sie den neuen Bildaufbau vor:
Entwickle aus dem beigefügten Titelbild eine passende Version im Format 4:5. Ordne die beiden Personen und den gemeinsamen Bildschirm so an, dass die Zusammenarbeit im Hochformat erkennbar bleibt. Verwende dieselbe Farbpalette und denselben Illustrationsstil. Ohne Text und Logos.
  1. Beide Ergebnisse getrennt abnehmen. Vergleichen Sie die Bildaussage, prüfen Sie die Ränder und betrachten Sie beide Dateien in der vorgesehenen Darstellungsgröße. Lassen Sie anschließend für jede Version einen eigenen ALT-Text formulieren. Durch den veränderten Bildaufbau können andere Details im Vordergrund stehen.

Vergeben Sie eindeutige Dateinamen wie digitale-zusammenarbeit-blog-16x9-v1.png und digitale-zusammenarbeit-social-4x5-v1.png. So lassen sich Entwürfe und freigegebene Fassungen beim späteren Einbau zuordnen.

Die folgenden Artikel der Serie behandeln Erweiterungen und Automatisierung. Plugins und Skills erhalten dabei jeweils einen eigenen Beitrag, damit ihre Verwendung und die dazugehörigen Arbeitsaufträge anhand eigener Praxisbeispiele erklärt werden können.