# Dateien, Ordner und Speicher verwalten

Laden Sie Projektbilder hoch, organisieren Sie Ordner, suchen Sie nach Dateien und verwalten Sie von Vorlagen verwendete Bilder.

**Assets** speichert Bilder, die von den Projektvorlagen verwendet werden. Organisieren Sie Logos, Hintergründe und Illustrationen in Ordnern und wählen Sie sie bei Bedarf im Editor aus.

Dateien gehören zum aktuellen Projekt. Öffnen Sie das gewünschte Projekt vor dem Hochladen, damit seine Vorlagen die Bilder in ihrer Asset-Auswahl finden können.

## 1. Bilder in Ordnern organisieren

Öffnen Sie **Assets**, wählen Sie **Neuer Ordner** und geben Sie ihm einen Namen wie `Brand` oder `Backgrounds`. Die App öffnet den neuen Ordner und ist bereit für Dateien.

Verwenden Sie den Breadcrumb über der Liste, um zu einem übergeordneten Ordner oder dem Stammverzeichnis zurückzukehren. Ordner organisieren Dateien innerhalb des Projekts; sie schaffen keine separaten Zugriffsberechtigungen.

<figure class="doc-sim data-assets-illustration" aria-label="Assets → Neuer Ordner → Wählen Sie den Ordner vor dem Hochladen aus">
<div class="sim-stage"><div class="sim-panel"><div class="ds-head"><strong>Assets</strong><span class="sim-control sim-focus">＋ Neuer Ordner</span></div><div class="ds-breadcrumb">Assets / Marke</div><div class="ds-folder-list"><span>▱ Marke</span><span>▱ Hintergründe</span></div></div></div>
<figcaption>Assets → Neuer Ordner → Wählen Sie den Ordner vor dem Hochladen aus</figcaption>
</figure>

## 2. Laden Sie die Dateien hoch und überprüfen Sie sie

Wählen Sie im Zielordner **Hochladen**, um Bilder auszuwählen, oder legen Sie Dateien in Assets ab.

Die App öffnet vor dem Hochladen **Upload überprüfen**. Überprüfen Sie die Pfade und Größen der hinzugefügten Dateien. Eine Meldung identifiziert ausgeschlossene Dateien, da ihre Typen nicht unterstützt werden.

Akzeptierte Erweiterungen sind **PNG, JPG/JPEG, GIF, WebP, SVG und AVIF**. Bestätigen Sie den Upload und verfolgen Sie dann die Anzahl der abgeschlossenen Dateien.

<figure class="doc-sim data-assets-illustration" aria-label="Hochladen → Dateiliste überprüfen → Hochladen bestätigen">
<div class="sim-stage"><div class="sim-panel"><div class="ds-head"><strong>Rezensions-Upload</strong></div><div class="ds-rows"><div><span>Marke/logo.png</span><small>24 KB</small></div><div><span>Marke/Cover.jpg</span><small>180 KB</small></div></div><div class="sim-form-footer ds-pad"><span class="sim-control">Abbrechen</span><span class="sim-control sim-dark sim-focus">Laden Sie 2 Dateien hoch</span></div></div></div>
<figcaption>Hochladen → Dateiliste überprüfen → Hochladen bestätigen</figcaption>
</figure>

## 3. Gespeicherte Bilder suchen und in der Vorschau anzeigen

Die Suche filtert Dateien im aktuellen Ordner. Wechseln Sie zwischen **Raster** und **Liste**, um Miniaturansichten oder eine Dateiliste anzuzeigen, und wählen Sie eine Datei aus, um deren Vorschau zu öffnen.

Um eine Datei in einer Vorlage zu verwenden, öffnen Sie den Editor und wählen Sie sie über ein **Asset**-Feld aus. Dadurch wird ein Verweis auf die Projektdatei gespeichert. Siehe [Bilder in Vorlagen](/docs/de/assets/images/) verwenden für HTML und Hintergründe.

Die Kopier-URL-Aktion der Karte verwendet die aktuelle Bildanzeige-URL. Verwenden Sie die Asset-Auswahl, wenn Sie ein Bild einer Vorlagen-Prop zuweisen.

<figure class="doc-sim data-assets-illustration" aria-label="Durchsuchen Sie den aktuellen Ordner, wechseln Sie Raster/Liste und öffnen Sie ein Bild zur Vorschau">
<div class="sim-stage"><div class="sim-panel"><div class="ds-head"><strong>Assets</strong></div><div class="ds-search sim-focus">⌕  Logo</div><div class="ds-breadcrumb">Assets / Marke</div><div class="ds-asset-grid"><div class="ds-asset"><div class="ds-thumb"><span>T</span></div><strong>logo.png</strong><small>PNG</small></div><div class="ds-asset"><div class="ds-thumb"><span>T</span></div><strong>logo-dark.png</strong><small>PNG</small></div></div><div class="ds-view-mode"><span>Raster</span><span>Liste</span></div></div></div>
<figcaption>Durchsuchen Sie den aktuellen Ordner, wechseln Sie Raster/Liste und öffnen Sie ein Bild zur Vorschau</figcaption>
</figure>

## 4. Dateien entfernen und Speicherstatus überprüfen

Löschen Sie eine Datei von ihrer Karte oder wählen Sie mehrere Dateien aus und wählen Sie **Löschen**. Überprüfen Sie den Dateinamen in der Bestätigung, bevor Sie fortfahren. Ordner verfügen außerdem über eine eigene Löschaktion.

Das Löschen eines Bildes, auf das durch eine Prop verwiesen wird, kann dazu führen, dass zukünftige PDFs es nicht laden können. Um ein Bild zu ersetzen, wählen Sie die Ersetzung in den entsprechenden Vorlagen aus, bevor Sie die alte Datei löschen.

Wenn der Upload gesperrt ist oder der Arbeitsbereichsspeicher voll ist, lesen Sie den Speicherhinweis in Assets. Die verfügbaren nächsten Schritte hängen vom aktuellen Status des Arbeitsbereichs ab. [Planlimits](/docs/de/plans/limits/) erklärt Speicher- und Ressourcenzugriff.

<figure class="doc-sim data-assets-illustration" aria-label="Wählen Sie eine Datei → Löschen → Bestätigen">
<div class="sim-stage"><div class="sim-panel"><div class="ds-head"><strong>Assets</strong></div><div class="ds-selected-file"><span>☑ logo.png</span><span class="sim-control sim-focus">Löschen</span></div><div class="ds-delete"><strong>Datei löschen?</strong><div class="sim-form-footer"><span class="sim-control">Abbrechen</span><span class="sim-control">Löschen</span></div></div></div></div>
<figcaption>Wählen Sie eine Datei → Löschen → Bestätigen</figcaption>
</figure>