# Gérer les fichiers, les dossiers et le stockage

Téléchargez des images de projet, organisez des dossiers, recherchez des fichiers et gérez les images utilisées par les modèles.

**Assets** stocke les images utilisées par les modèles du projet. Organisez les logos, les arrière-plans et les illustrations dans des dossiers, puis sélectionnez-les dans l'éditeur si nécessaire.

Les fichiers appartiennent au projet en cours. Ouvrez le projet souhaité avant de le télécharger afin que ses modèles puissent trouver les images dans leur sélecteur d'actifs.

## 1. Organisez les images dans des dossiers

Ouvrez **Assets**, sélectionnez **Nouveau dossier** et donnez-lui un nom tel que `Brand` ou `Backgrounds`. L'application ouvre le nouveau dossier, prêt pour les fichiers.

Utilisez le fil d'Ariane au-dessus de la liste pour revenir à un dossier parent ou à la racine. Les dossiers organisent les fichiers au sein du projet ; ils ne créent pas d'autorisations d'accès distinctes.

<figure class="doc-sim data-assets-illustration" aria-label="Assets → Nouveau dossier → choisissez le dossier avant de télécharger">
<div class="sim-stage"><div class="sim-panel"><div class="ds-head"><strong>Assets</strong><span class="sim-control sim-focus">＋ Nouveau dossier</span></div><div class="ds-breadcrumb">Assets / Marque</div><div class="ds-folder-list"><span>▱ Marque</span><span>▱ Arrière-plans</span></div></div></div>
<figcaption>Assets → Nouveau dossier → choisissez le dossier avant de télécharger</figcaption>
</figure>

## 2. Téléchargez et examinez les fichiers

Dans le dossier de destination, sélectionnez **Télécharger** pour choisir des images ou déposez des fichiers dans Assets.

L'application ouvre **Vérifier le téléchargement** avant le téléchargement. Vérifiez les chemins et les tailles des fichiers ajoutés. Un message identifie les fichiers exclus car leurs types ne sont pas pris en charge.

Les extensions acceptées sont **PNG, JPG/JPEG, GIF, WebP, SVG et AVIF**. Confirmez le téléchargement, puis suivez le nombre de fichiers terminés.

<figure class="doc-sim data-assets-illustration" aria-label="Télécharger → consulter la liste des fichiers → confirmer le téléchargement">
<div class="sim-stage"><div class="sim-panel"><div class="ds-head"><strong>Téléchargement de l'avis</strong></div><div class="ds-rows"><div><span>Marque/logo.png</span><small>24 Ko</small></div><div><span>Marque/couverture.jpg</span><small>180 Ko</small></div></div><div class="sim-form-footer ds-pad"><span class="sim-control">Annuler</span><span class="sim-control sim-dark sim-focus">Téléchargez 2 fichiers</span></div></div></div>
<figcaption>Télécharger → consulter la liste des fichiers → confirmer le téléchargement</figcaption>
</figure>

## 3. Rechercher et prévisualiser les images enregistrées

La recherche filtre les fichiers dans le dossier actuel. Basculez entre **Grid** et **List** pour afficher des miniatures ou une liste de fichiers, puis sélectionnez un fichier pour ouvrir son aperçu.

Pour utiliser un fichier dans un modèle, ouvrez l'éditeur et choisissez-le via un champ **Actif**. Ceci stocke une référence au fichier de projet. Voir [Utilisation d'images dans les modèles ](/docs/fr/assets/images/) pour HTML et les arrière-plans.

L'action de copie d'URL de la carte utilise l'URL actuelle d'affichage de l'image. Utilisez le sélecteur d'éléments lors de l'attribution d'une image à un accessoire de modèle.

<figure class="doc-sim data-assets-illustration" aria-label="Recherchez le dossier actuel, changez de Grille/Liste et ouvrez une image pour prévisualiser">
<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 / Marque</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>Grille</span><span>Liste</span></div></div></div>
<figcaption>Recherchez le dossier actuel, changez de Grille/Liste et ouvrez une image pour prévisualiser</figcaption>
</figure>

## 4. Supprimez les fichiers et vérifiez l'état du stockage

Supprimez un fichier de sa carte, ou sélectionnez plusieurs fichiers et choisissez **Supprimer**. Vérifiez le nom du fichier dans la confirmation avant de continuer. Les dossiers ont également leur propre action de suppression.

La suppression d'une image référencée par un accessoire peut empêcher les futurs PDF de la charger. Pour remplacer une image, choisissez le remplacement dans les modèles concernés avant de supprimer l'ancien fichier.

Si le téléchargement est verrouillé ou si le stockage de l'espace de travail est plein, lisez l'avis de stockage dans Assets. Les prochaines étapes disponibles dépendent de l’état actuel de l’espace de travail ; [Limites du plan](/docs/fr/plans/limits/) explique le stockage et l'accès aux ressources.

<figure class="doc-sim data-assets-illustration" aria-label="Sélectionnez un fichier → Supprimer → confirmer">
<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">Supprimer</span></div><div class="ds-delete"><strong>Supprimer le fichier ?</strong><div class="sim-form-footer"><span class="sim-control">Annuler</span><span class="sim-control">Supprimer</span></div></div></div></div>
<figcaption>Sélectionnez un fichier → Supprimer → confirmer</figcaption>
</figure>
