---
title: "Medienbibliothek: Ihre Bilder und Videos | Briks"
url: https://briks.dev/de/docs/media-library
description: "Eigene Bilder und Videos einmal in die Workspace-Mediathek laden, im Eingabefeld in jedem Projekt platzieren und Bilder einer Website gratis tauschen."
last_updated: 2026-10-08
---

# Medienbibliothek: Ihre Bilder und Videos

Die Medienbibliothek enthält Ihre eigenen Bilder und Videos: Produktfotos, Teamfotos, einen kurzen Film aus Ihrer Werkstatt. Laden Sie sie einmal hoch und verwenden Sie sie in jedem Projekt des Workspace, indem Sie sie im Eingabefeld des Studios auswählen. Mit dem Tab Media jedes Projekts tauschen Sie dann aus, was eine Website zeigt, ohne Credits zu verbrauchen.

6 Minuten Lesezeit Am 8. Oktober 2026 mit dem Studio abgeglichen

## Eine Bibliothek pro Workspace

Alle Projekte eines Workspace teilen sich eine Bibliothek, sodass ein Foto, das bei der Arbeit an einer Website hochgeladen wurde, am nächsten Tag auf einer anderen verwendet werden kann. Bibliotheken werden nicht zwischen Workspaces geteilt: Ein Medienlink aus einem anderen Workspace wird abgelehnt, und das Studio bittet Sie, ihn erneut aus Ihrem eigenen zu kopieren.

Zum Hochladen und Platzieren von Elementen braucht es die Rolle Owner, Admin oder Editor. Viewer können nichts ändern, deshalb sehen sie das Eingabefeld nicht.

## Was Sie hochladen können

| Art | Formate | Größte Datei |
| --- | --- | --- |
| Bilder | JPEG, PNG oder WebP | Unter 25 MB |
| Videos | MP4 oder WebM | Unter 250 MB und unter 5 Minuten Länge |

- Videos werden genau so gespeichert und ausgeliefert, wie sie hochgeladen wurden, ohne Umwandlung. Eine kleinere Datei lädt für Besucher schneller, exportieren Sie daher in der Größe, die die Website braucht.
- Ihr Browser liest jedes Video, bevor es hochgeladen wird. Kann er die Datei nicht abspielen, wird der Upload gestoppt und Sie werden gebeten, sie als MP4 (H.264) zu exportieren.
- Das Poster eines Videos, das Standbild vor dem Abspielen, stammt aus der ersten Sekunde.
- Alles in der Bibliothek zählt zum [Speicher](https://briks.dev/de/docs/storage) Ihres Tarifs.

## Die Bibliothek öffnen und hochladen

Wo

1. Projects
2. Your project
3. Studio
4. Add from your media

1. Das Studio eines gebauten Projekts öffnen

   Wo: Studio

   Die Bibliothek befindet sich im Eingabefeld eines Projekts, das bereits gebaut wurde. Im Briefing unter **New project** wird sie nicht angeboten, ebenso wenig, solange ein erster Build an einem Freigabeschritt auf Sie wartet.

2. Klicken Sie auf Add from your media

   Wo: Prompt box

   Es ist das Bilder-Symbol im Eingabefeld. **Choose from your media** öffnet sich.

3. Hochladen

   Wo: Choose from your media

   Klicken Sie auf **Upload** und wählen Sie Dateien aus, oder ziehen Sie sie auf das Fenster und lassen Sie los, sobald **Drop to upload** erscheint. Sie können auch mehrere auf einmal hinzufügen; jede Datei erhält einen eigenen Fortschrittsbalken.

4. Im Raster finden

   Wo: Choose from your media

   Ein fertiger Upload erscheint zuerst im Raster. Videos zeigen ihre Länge.

**All**, **Pictures** und **Videos** filtern das Raster, und die Leiste daneben zeigt, wie viel vom Speicher Ihres Workspace belegt ist. Das Raster zeigt jeweils eine Seite, mit **Show more** laden Sie die nächste.

- **Auch die Bilder jeder Website.** Neben Ihren Uploads zeigt das Raster die Bilder und Videos jeder Website im Workspace, und jede Kachel nennt ihre Herkunft. Wenn Sie eines von einer Website auswählen, wird es zuerst Ihrer Bibliothek hinzugefügt.
- **From** grenzt das Raster auf **Library and every site**, nur **Library** oder ein einzelnes Projekt ein.
- **Search names and descriptions** findet Einträge anhand ihres Dateinamens oder dessen, was sie zeigen.

Dasselbe Fenster öffnet sich überall dort, wo das Studio nach einem Bild fragt: **Choose from library** für Logo und Favicon einer Website unter **Settings**, Bildfelder im Tab [Database](https://briks.dev/de/docs/database) und **Picture** im [Bildeditor](https://briks.dev/de/docs/image-editor).

## Ein Element in einer Änderung verwenden

Wenn Sie ein Element auswählen, wird es nicht sofort platziert. Sein Link kommt in Ihre Nachricht, und Sie sagen, wohin es gehört, wie bei jeder anderen Änderung.

1. Das Element auswählen

   Wo: Choose from your media

   Klicken Sie darauf. Das Fenster schließt sich und der Link des Eintrags erscheint am Ende Ihrer Nachricht.

2. Sagen Sie, wohin es führt

   Wo: Prompt box

   Nennen Sie die Seite und die Stelle, zum Beispiel „als Hintergrund des Hero-Bereichs“. Bei einem Bild sagen Sie, was es zeigt, wenn das für die Seite wichtig ist.

3. Senden

   Wo: Send

   Sie wird als Änderung erstellt und veröffentlicht: Es werden 5 Credits reserviert und nach dem tatsächlichen Aufwand abgerechnet.

Eine Änderungsanfrage Eine Floristin in Edinburgh

> Verwende (media link) als Hero-Hintergrund auf der Startseite und setze (media link) auf die Seite Weddings unter den ersten Absatz, stumm in Endlosschleife abgespielt.

Beide erscheinen in der nächsten veröffentlichten Version. Der Tab Media listet sie dann auf, jeweils markiert als aus den Medien des Blumenladens stammend.

Tipp

Eine Nachricht kann bis zu sechs Bilder und Videos enthalten, wobei mit der Anhängen-Schaltfläche angefügte Dateien und Medienlinks zusammen zählen. Für mehr teilen Sie sie auf zwei Änderungen auf.

## Sehen, was eine Website zeigt

Wo

1. Projects
2. Your project
3. Media

Der Tab **Media** eines Projekts öffnet sich auf **On the site**. Dort steht jedes Bild und jedes Video, das die Website in der zuletzt veröffentlichten Fassung zeigt, das Hero-Element zuerst. Jede Karte nennt die Beschreibung des Bildes, wo es steht (zum Beispiel auf der Startseite oder in einem benannten Abschnitt) und, bei Elementen aus Ihrer Bibliothek, aus welchem es stammt. **Designs** daneben enthält, was Sie im [Bild-Editor](https://briks.dev/de/docs/image-editor) erstellen.

## Bild oder Video kostenlos ersetzen

1. Auswählen, was ersetzt werden soll

   Wo: Media tab

   Klicken Sie auf der Karte auf **Replace**.

2. Die neue wählen

   Wo: Choose the new picture

   Ihre Bibliothek öffnet sich und zeigt nur dieselbe Art: Bilder für ein Bild, Videos für ein Video. Wählen Sie eines aus oder laden Sie es dort hoch.

3. Sagen Sie, was es zeigt

   Wo: What it shows

   Bei einem Bild erforderlich, da Screenreader und Suchmaschinen es lesen. Bei einem Video optional: Ein Hintergrundvideo braucht keinen.

4. Ersetzen und veröffentlichen

   Wo: Replace and publish

   Das neue Element ersetzt das alte überall auf der Website, und die Website wird erneut veröffentlicht. Sie werden ins Studio geleitet, um dem Vorgang zuzusehen.

- Es werden keine Credits verbraucht.
- [Versions](https://briks.dev/de/docs/versions) im Studio können das rückgängig machen.
- Es kann nicht starten, solange die Website gebaut wird oder ein A/B-Test darauf läuft.
- Wenn das gewählte Element bereits an anderer Stelle der Website steht, warnt der Dialog, dass es doppelt erscheint.

Ein Tausch Die Herbstkarte eines Cafés

> Das Moor Lane Café lädt ein Foto seiner Herbstkarte hoch und ersetzt damit die Sommerkarte auf der Startseite. Das Foto zeigt: Kürbissuppe, Sauerteigbrot und einen Flat White auf einem Eichentisch.

Die Website wird mit dem neuen Foto erneut veröffentlicht, ohne dass Credits verbraucht werden. Falls sie es sich anders überlegen, bringt Versions das Sommerfoto zurück.

## Ihre Bibliothek ordnen

Die Bibliothek ist ein einziges Raster, die neuesten Einträge zuerst, mit den Filtern und der Suche darüber. Es gibt keine Ordner, und Einträge lassen sich nicht umbenennen, aber jeder Ihrer eigenen Uploads hat eine Schaltfläche **Details**: Sie zeigt den Eintrag mit Größe und Datum, **Used on** (jede Website, die ihn nutzt, und wie), **Use this** und **Delete**. Delete fragt zuerst nach. Websites, die den Eintrag auf ihren Seiten zeigen, behalten eine eigene Kopie, ihre Seiten ändern sich also nicht, aber er verlässt Ihre Bibliothek endgültig. Das Logo oder Favicon einer Website kann nicht gelöscht werden, bis Sie in den Einstellungen dieser Website ein anderes wählen. Uploads, die nie abgeschlossen wurden, werden nach einem Tag entfernt, damit eine abgebrochene Verbindung keine halbe Datei hinterlässt, die auf Ihren Speicher angerechnet wird.

Jede Website behält ihre eigene Kopie dessen, was auf ihr platziert wurde, sodass eine veröffentlichte Seite nie von dem Bibliothekseintrag abhängt, aus dem sie stammt.

- **Benennen Sie Dateien, bevor Sie sie hochladen.** Der Dateiname wird im Raster angezeigt und vom Tab Media als Quelle genannt. Mit `bakery-shopfront-autumn.jpg` müssen Sie später nicht raten, wo `IMG_4021.jpg` das erfordert.
- **Laden Sie nur hoch, was Sie verwenden.** Jeder Upload belegt Speicherplatz, bis Sie ihn löschen. Kürzen Sie ein Video auf die Sekunden, die Sie brauchen, bevor Sie es hochladen.
- **Originale anderswo aufbewahren.** Die Mediathek dient dazu, Bilder auf Websites zu platzieren, nicht dazu, ein ganzes Fotoshooting zu archivieren.

## Wie die Bibliothek Ihren Speicher nutzt

Elemente der Bibliothek zählen zu dem einen Speicherplatz, den sich Ihr Workspace mit den Dateien, Website-Bildern, Datenbanken und Backups aller Projekte teilt. Würde ein Upload darüber hinausgehen, wird er mit einer Meldung abgebrochen, die den Speicherplatz Ihres Tarifs nennt und vorschlägt, etwas zu löschen oder auf einen größeren Tarif zu wechseln. [Storage](https://briks.dev/de/docs/storage) zeigt, wohin der Platz geht.

### Was ist der Unterschied zwischen dem Anhängen eines Bildes und der Bibliothek?

Ein Bild, das Sie mit der Anhängen-Schaltfläche des Prompt-Felds beifügen, gehört nur zu dieser einen Nachricht. Ein Element aus der Bibliothek kann in jedem Projekt des Workspace erneut verwendet und später mit **Replace** ausgetauscht werden.

### Kostet Replace Credits?

Nein. Briks platziert den neuen Eintrag und veröffentlicht erneut, ganz ohne Bauarbeit.

### Kann ich Bibliothekselemente in einem ganz neuen Projekt verwenden?

Nicht im ersten Briefing. Erstellen Sie die Website und fügen Sie sie dann im Studio als Änderung hinzu.

## Als Nächstes lesen

- [Wird gebaut **Bilder** Wählen Sie, wie Ihre Bilder entstehen, fügen Sie eigene Fotos und Ihr Logo hinzu, tauschen Sie jedes Bild ohne Credits aus und korrigieren Sie ein falsches.](https://briks.dev/de/docs/pictures)
- [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)
- [An einem Projekt arbeiten **Änderungen vornehmen** Website per Nachricht an Briks ändern: was Sie sagen, Bilder hinzufügen, Inhalt und Kosten einer Änderung, Unterseiten, wartende Anfragen, Fehler beheben.](https://briks.dev/de/docs/making-changes)
- [An einem Projekt arbeiten **Versionen, Rückgängig und Wiederholen** Jeder Build und jede Änderung ist eine Version. Rückgängig, wiederholen oder jede frühere Version unverändert live setzen, ohne reservierte Credits.](https://briks.dev/de/docs/versions)

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.
