--- title: "Bildeditor: Posts, Stories und Thumbnails | Briks" url: https://briks.dev/de/docs/image-editor description: "Social Posts, Stories, Thumbnails und Pins in Ihren Website-Farben, in exakter Plattformgröße. Oder beschreiben Sie eines und wählen Sie aus drei Designs." last_updated: 2026-10-08 --- # Bildeditor: Posts, Stories und Thumbnails Der Bildeditor erstellt Bilder für Ihre sozialen Konten und Ihre Website: einen Beitrag, eine Story, ein YouTube-Vorschaubild, einen Pin. Er arbeitet in den Farben und Schriften Ihrer Website, in der exakten Größe jeder Plattform. Designs zu erstellen und zu exportieren kostet keine Credits; **Describe it**, das drei Designs aus Ihren Worten schreibt, reserviert pro Versuch ein paar Credits. 7 Minuten Lesezeit Am 8. Oktober 2026 mit dem Studio abgeglichen ## Design starten Wo 1. Projects 2. Your project 3. Media 4. Designs **Designs** steht neben **On the site** im Tab **Media** eines Projekts, in jedem Plan, auch in Free. Owner, Admins und Editors erstellen und ändern Designs. Jedes Design gehört zu dem Projekt, in dem es erstellt wurde, und verwendet die Farben, Schriften und das Logo dieser Website. 1. Auf New design klicken Wo: Designs Die Formate öffnen sich, nach Plattform gruppiert: Instagram, TikTok, YouTube, Pinterest, Facebook, LinkedIn, X, Threads, Bluesky, Google und Website. Oder wählen Sie **Your own size** in Pixeln, von 64 bis 8,192 pro Seite. 2. Format wählen und auf Start klicken Wo: New design Jedes Format zeigt seine Größe und Form, etwa 1,080 × 1,920 für eine Story. Drücken Sie **Start**, und der Editor öffnet sich mit einer leeren Arbeitsfläche dieser Größe. 3. Oder mit einer Vorlage starten Wo: Editor Klicken Sie unter **Add** auf **Templates** und wählen Sie eine aus: ein Zitat, ein Angebot, eine Veranstaltung, eine Ankündigung, eine Liste mit Tipps, ein Foto mit Überschrift, ein Foto neben dem Text, eine große Zahl oder eine Frage. Sie wird für Ihre Fläche in Ihren Farben angelegt, und jedes Wort können Sie ändern. 4. Oder beschreiben Wo: Editor Klicken Sie unter **Add** auf **Describe it**, sagen Sie, wofür der Beitrag ist, und klicken Sie auf **Write three designs**. Klicken Sie auf den gewünschten: Er öffnet sich auf der Canvas und lässt sich wie jeder andere ändern. Der Abschnitt unten behandelt das ausführlich. Das Design speichert sich einen Moment nach jeder Änderung selbst. In der oberen Leiste steht erst **Saving soon**, dann **Saving**, dann **Saved**. Steht dort **Changed elsewhere**, hat jemand anderes inzwischen dasselbe Design gespeichert; steht dort **Not saved**, prüfen Sie Ihre Verbindung, bevor Sie den Tab schließen. ## Formate je Plattform | Plattform | Formate, in Pixeln | | --- | --- | | Instagram | Beitrag, Hochformat 4:5 (1.080 × 1.350); Beitrag, 3:4 (1.080 × 1.440); Beitrag, quadratisch (1.080 × 1.080); Story (1.080 × 1.920); Reel-Cover (1.080 × 1.920) | | TikTok | Beitrag oder Cover (1,080 × 1,920); Foto-Beitrag (1,080 × 1,920) | | YouTube | Video-Vorschaubild (1.920 × 1.080); Shorts-Cover (1.080 × 1.920); Kanalbanner (2.560 × 1.440); Beitragsbild (1.080 × 1.080) | | Pinterest | Pin, 2:3 (1,000 × 1,500); Pin, quadratisch (1,000 × 1,000); Video-Pin-Cover (1,080 × 1,920) | | Facebook | Beitrag, Hochformat 4:5 (1.080 × 1.350); Beitrag, quadratisch (1.080 × 1.080); Linkbild (1.200 × 630); Story (1.080 × 1.920); Seitencover (851 × 315); Event-Cover (1.920 × 1.005) | | LinkedIn | Beitrag, quadratisch (1.080 × 1.080); Beitrag, Hochformat 4:5 (1.080 × 1.350); Linkbild (1.200 × 627); Dokumentseite (1.080 × 1.350); Unternehmenscover (1.512 × 256); Profilbanner (1.584 × 396) | | X | Beitrag, 16:9 (1.600 × 900); Beitrag, quadratisch (1.080 × 1.080); Header (1.500 × 500) | | Threads | Beitrag, Hochformat 4:5 (1.080 × 1.350); Beitrag, 3:4 (1.440 × 1.920) | | Bluesky | Beitrag, Hochformat 4:5 (1.080 × 1.350); Beitrag, quadratisch (1.080 × 1.080); Banner (3.000 × 1.000) | | Google | Business Profile-Beitrag (1,200 × 900) | | Website | Link-Karte (1.200 × 630) | Insgesamt 36 Formate. Bei Stories, Titelbildern und Bannern weiß der Editor auch, was die eigenen Schaltflächen der Plattform verdecken. ## Describe it: drei Entwürfe aus Ihren Worten 1. Öffnen Wo: Add, Describe it **Describe the post** öffnet sich über der Arbeitsfläche. 2. Sagen Sie, wofür der Beitrag gedacht ist Wo: What the post is for Bis zu 600 Zeichen, zum Beispiel „Unser neuer äthiopischer Kaffee ist da, diese Woche 20 % auf die erste Tüte“. Nennen Sie die Fakten, die darin stehen sollen: das Angebot, das Datum, die Uhrzeit. 3. Drei Designs schreiben Wo: Write three designs Während es arbeitet, steht dort **Writing three designs from your words.** Drei Entwürfe kommen nebeneinander zurück, in der Größe Ihrer Arbeitsfläche. 4. Wählen Sie eine Option Wo: Describe the post Klicken Sie auf die gewünschte. Ist auf der Canvas bereits etwas vorhanden, fragt Briks zuerst: „What is on the canvas now is replaced. Undo brings it back.“ Nicht das Richtige? Drücken Sie **Try other words**. Jeder Versuch hält 2 Credits zurück, während er schreibt, und berechnet wird, was er tatsächlich gekostet hat; was er nicht braucht, kommt zurück. Er schreibt aus Ihren Worten, dem, was Ihre veröffentlichte Startseite und Ihr Briefing sagen, den Fakten und dem Ton, die Ihre Agents über das Unternehmen kennen, dem heutigen Datum und bis zu 40 eigenen Bildern Ihres Workspace, nach dem, was sie zeigen. Er erfindet nie einen Preis, ein Datum oder eine Aussage, die Sie nicht genannt haben, und er erstellt keine Bilder: Ein Bildplatz nimmt eines Ihrer eigenen Fotos auf. ## Elemente hinzufügen | Unter Add | Was es hinzufügt | | --- | --- | | Headline, Text, Label | Text in den Schriftarten Ihrer Website. Doppelklicken Sie ihn auf der Arbeitsfläche, um direkt dort zu tippen. | | Bild | Ein Bild aus Ihrer Medienbibliothek oder von einer beliebigen Website in Ihrem Workspace, gewählt im selben Fenster wie überall sonst (siehe [Medienbibliothek](https://briks.dev/de/docs/media-library)). | | Box, Kreis, Linie, Dreieck, Stern | Formen. Ein Polygon finden Sie in den eigenen Einstellungen einer Form unter **Shape**. | | Pfeil | Ein Pfeil in einem von sieben Stilen: gerade, gebogen, Schwung, Schleife, Zickzack, handgezeichnet oder Sprung. Ändern Sie Biegung, Spitze, Ende und Linie in den Einstellungen und drehen Sie ihn, sodass er überallhin zeigt. | | Badge | Ein Badge wie 20% Rabatt, Sale, Neu oder ein Preis, in einer von acht Formen. Der Text wird passend skaliert; ändern Sie ihn, die Form, ihre Spitzen und ihre Farben in den Einstellungen. | | Icon | Eines von 1.512 Icons, gefunden mit einem Wort wie „Kaffee“, in sechs Strichstärken. | | Schatten | Ein weicher dunkler Rand, damit Text auf einem Foto lesbar bleibt. | | Zeichnen | Zeichnen Sie von Hand in den Farben Ihrer Marke, **Thin**, **Medium** oder **Thick**. Klicken Sie auf **Done** oder drücken Sie Escape, um aufzuhören. | | Vorlagen | Ein vollständiges Layout für diese Größe, wie im ersten Abschnitt. | | Beschreiben Sie es | Drei Entwürfe, aus Ihren Worten geschrieben. | | Logo | Das Logo Ihrer Website, wenn sie eines hat. | Neue Texte, Formen und Icons erhalten eine Farbe aus Ihrer Marke, die sich vom Hintergrund abhebt. Wählen Sie ein beliebiges Element auf der Arbeitsfläche, um es in den Einstellungen rechts zu ändern: Position und Größe, Farben, einen Schatten und alles, was zu seiner Art gehört, etwa den Zuschnitt und die Anpassungen eines Bildes oder die Kontur um einen Text. ## Anordnen - **Grid** in der oberen Leiste öffnet **Show grid**, **Snap to grid** und die Rastergröße. Ebenen rasten außerdem an den Rändern und der Mitte der Arbeitsfläche und aneinander ein, mit einer angezeigten Hilfslinie. - Mit Shift-Klick wählen Sie mehrere Ebenen aus. Mit **Group** (Strg+G, auf dem Mac ⌘G) fassen Sie sie zusammen, um sie als eine Einheit zu verschieben und in der Größe zu ändern; doppelklicken Sie auf eine Ebene in einer Gruppe, um sie einzeln zu bearbeiten. - Mit einem Rechtsklick auf ein beliebiges Element sehen Sie jede Aktion und ihr Tastenkürzel: ausschneiden, kopieren, einfügen, duplizieren, Stil kopieren und einfügen, nach vorn oder nach hinten legen, gruppieren, ausrichten, spiegeln, sperren, ausblenden und löschen. - Ziehen Sie Ebenen in der Liste **Layers** nach oben und unten, um zu ändern, was oben liegt. Halten Sie beim Ziehen auf der Arbeitsfläche Alt gedrückt, um eine Kopie zurückzulassen. - **Covered area** schattiert, was die eigenen Schaltflächen einer Plattform bei einer Story oder einem Cover verdecken, damit nichts Wichtiges darunter liegt. - **Undo** und **Redo** stehen in der oberen Leiste, daneben der Zoom. Tipp Drücken Sie T für Text, R für ein Rechteck, O für einen Kreis und L für eine Linie. Mit Plus und Minus zoomen Sie, und mit 0 passt die Arbeitsfläche ins Fenster. ## Exportieren oder speichern 1. Auf Export klicken Wo: Top bar Wählen Sie die **File**: **PNG** ist am schärfsten und behält durchsichtige Bereiche, **JPEG** ist kleiner und wird von jeder Plattform angenommen, **WebP** ist am kleinsten, wird aber nicht von jeder Plattform angenommen. Dann die **Size**: die des Formats selbst oder **Twice** für besonders scharfe Bildschirme. 2. Die Prüfungen lesen Wo: Export Der Dialog warnt vor allem, was falsch aussehen wird: ein leeres Design, eine Ebene ohne Text, eine Ebene außerhalb der Arbeitsfläche oder etwas unter den eigenen Schaltflächen der Plattform. 3. Herunterladen Wo: Export **Download** speichert die Datei in genau dieser Größe. 4. Oder in Ihrer Medienbibliothek speichern Wo: Export Beschreiben Sie, was das Bild für Menschen zeigt, die es nicht sehen können, und klicken Sie dann auf **Save to media library**. Von dort kann es in einen Beitrag im Tab [Marketing](https://briks.dev/de/docs/marketing) gelangen oder überallhin, wo das Studio ein Bild annimmt. **Copy to another format** in der oberen Leiste erstellt dasselbe Design in einer anderen Größe, wobei jedes Element an seiner Position fixiert bleibt: Aus einem Hochformat-Beitrag wird eine Story, deren Text weiterhin frei von den Schaltflächen bleibt. Wählen Sie das Format und klicken Sie auf **Make the copy**. ## Ihre Designs **Designs** listet jedes für das Projekt erstellte Design auf. Das Menü jeder Karte bietet **Open**, **Duplicate** und **Remove**. Vor dem Entfernen eines Designs wird nachgefragt, und daraus exportierte Bilder bleiben in der Mediathek. Gut zu wissen Ein Workspace speichert bis zu 1.000 Designs. Sie zu erstellen ist kostenlos; ein in der Medienbibliothek gespeichertes Bild zählt zu Ihrem [Speicherplatz](https://briks.dev/de/docs/storage). ### Brauche ich einen kostenpflichtigen Plan? Nein. Der Bildeditor ist in jedem Plan offen. Nur **Describe it** verbraucht Credits. ### Kann es Fotos für mich erstellen? Nein. Designs verwenden Ihre eigenen Bilder aus der Medienbibliothek oder von Ihren Websites. Laden Sie das Foto zuerst hoch und fügen Sie es dann mit **Picture** hinzu. ## Als Nächstes lesen - [Die Funktionen Ihrer Website **Medienbibliothek** Eigene Bilder und Videos einmal in die Workspace-Mediathek laden, im Eingabefeld in jedem Projekt platzieren und Bilder einer Website gratis tauschen.](https://briks.dev/de/docs/media-library) - [Die Funktionen Ihrer Website **Speicher** Dateien für Ihr Projekt ablegen, per Link oder öffentlichen Ordner teilen, sehen, wohin der Tarif-Speicher geht, und alles als .zip-Datei herunterladen.](https://briks.dev/de/docs/storage) - [Die Funktionen Ihrer Website **Marketing- und Social-Media-Beiträge** Verbinden Sie X- und LinkedIn-Profile, schreiben Sie einen Beitrag einmal mit je einer Version, planen Sie ihn im Kalender und sehen Sie Besuche und Anfragen.](https://briks.dev/de/docs/marketing) Noch nicht weitergekommen? Schreiben Sie an [hello@briks.dev](mailto:hello@briks.dev) mit dem Namen Ihres Projekts und dem, was Sie erwartet haben. Ein Screenshot hilft.