Gérer les images et les médias dans Cloudbeds Websites

Gabriela Garcia

Mise à jour 30 septembre 2026 10:03

Objectif	Téléverser, organiser, réutiliser et optimiser les images et autres médias pour ton établissement Cloudbeds.
Idéal pour	Les utilisateurs Manager/GM et Administrateurs qui gèrent les médias du site web ou préparent des images pour un établissement Cloudbeds.
Utilise-le quand	Tu as besoin d’ajouter ou d’organiser des médias réutilisables pour le site web, de choisir les dimensions ou formats d’image, ou d’améliorer la performance des images.
Prérequis	Un établissement Cloudbeds et un accès pour ouvrir son éditeur Cloudbeds Websites.
Résultat attendu	Tes médias sont organisés dans le gestionnaire de médias et prêts à être réutilisés dans l’éditeur, avec des images dimensionnées et formatées de manière appropriée pour leur usage prévu.

Introduction

Utilise le gestionnaire de médias dans Cloudbeds Websites pour téléverser, organiser et réutiliser les médias du site web depuis une bibliothèque centralisée. Le gestionnaire de médias prend en charge les images, icônes, vidéos, audios et fichiers. Cet article fournit également les spécifications d’image et des conseils d’optimisation pour que tu puisses choisir des fichiers qui s’affichent bien sans affecter inutilement la performance des pages.

Utilise le gestionnaire de médias lorsque tu dois créer ou organiser ta bibliothèque de médias réutilisables. Lorsque tu édites une page et souhaites placer un élément existant, utilise Ajouter > Média dans l’éditeur Cloudbeds Websites.

Piscine d'hôtel et extérieur du complexe

Table des matières

Accéder au gestionnaire de médias
Téléverser et organiser les médias
Utiliser les médias dans l’éditeur de site
Exigences et optimisation des images
Tailles d’image recommandées
Conseils d’utilisation des images
Performance des images et design responsive

Accéder au gestionnaire de médias

Ouvre le gestionnaire de médias depuis l’éditeur Cloudbeds Websites lorsque tu as besoin de consulter ou gérer des ressources réutilisables pour ton site.

Depuis le Menu principal du PMS Cloudbeds rends-toi dans Cloudbeds Digital Marketing puis sélectionne Websites.
Sélectionne Modifier mon site pour ouvrir l’éditeur Cloudbeds Websites.
Dans le panneau de gauche de l’éditeur, sélectionne CMS, puis Gestionnaire de médias.

La navigation de l’éditeur affiche Gestionnaire de médias sous CMS dans le panneau de gauche :

Téléverser et organiser les médias

Le gestionnaire de médias centralise les ressources réutilisables de ton site. Tu peux gérer les images, icônes, vidéos, audios et fichiers depuis la même bibliothèque.

Tu peux utiliser le gestionnaire de médias pour :

Téléverser ou importer des médias : Ajoute du contenu depuis ton ordinateur ou des services cloud compatibles, comme Facebook, Dropbox, Google Drive, Google Photos et Instagram.
Créer des dossiers : Regroupe les ressources liées en catégories telles que logos, images extérieures ou types de chambres spécifiques pour les retrouver et réutiliser plus facilement.
Renommer fichiers et dossiers : Utilise des noms clairs qui facilitent l’identification de la ressource ou de la catégorie plus tard.
Organiser par type de contenu : Utilise les sections Images, Icônes, Vidéos, Audio et Fichiers pour travailler avec le type de média dont tu as besoin.

Pour les abonnements au Créateur de sites internet Cloudbeds initialisés à partir de fin mai 2026, les images existantes du profil de l’établissement et des paramètres d’hébergement dans le PMS Cloudbeds sont automatiquement importées dans la bibliothèque de l’éditeur.

Utilise les contrôles du gestionnaire de médias pour ajouter et organiser tes ressources réutilisables pour le site :

Sélectionne Nouvelle image pour téléverser une image depuis ton ordinateur.
Sélectionne Importer des images pour importer des images depuis des sources externes prises en charge.
Sélectionne + Ajouter un dossier pour créer des catégories pour des éléments liés, comme des logos, des images extérieures ou des types de chambre.
Utilise les onglets Images, Icônes, Vidéos, Audio et Fichiers pour basculer entre les types de médias.
Utilise les contrôles Trier et d’affichage disponibles pour organiser et localiser les éléments dans la bibliothèque.

Le gestionnaire de médias ci-dessous montre ces contrôles ainsi que les éléments réutilisables déjà disponibles dans la bibliothèque :

Utiliser les médias dans l’éditeur de site

Les médias ajoutés au gestionnaire de médias deviennent disponibles pour réutilisation lors de l’édition de ton site. Quand tu es prêt à placer un élément existant sur une page, utilise Ajouter > Média dans l’éditeur Cloudbeds Websites et sélectionne le média que tu souhaites utiliser.

Le panneau Médias affiche les éléments réutilisables Médias du site et Médias gratuits, avec le bouton + Ajouter un média disponible après sélection du média :

Exigences et optimisation des images

Cloudbeds Websites crée automatiquement des versions plus petites des images téléversées lorsque c’est nécessaire afin de fournir une image de taille adaptée sur ordinateur, tablette et mobile. L’image originale n’est pas agrandie, et les versions plus petites ne sont créées que si l’image téléversée est suffisamment grande pour l’exiger.

Exigence	Limite
Fichiers par site	Jusqu’à 15 000 fichiers, y compris images, vidéos, extraits audio et autres fichiers
Taille maximale d’un fichier	200 Mo par fichier
Surface maximale d’une image	3 145 728 pixels. Multiplie la largeur de l’image par sa hauteur pour calculer la surface totale.

Les images qui dépassent les limites prises en charge peuvent ne pas se téléverser, ne pas afficher de vignette ou ne pas se charger dans l’éditeur ou sur le site en direct.

L’optimisation des images peut être désactivée pour les images d’arrière-plan prises en charge, le widget Image et le widget Galerie photo. Désactiver l’optimisation peut affecter la vitesse et les performances de la page.

Déplie les sections ci-dessous pour voir les types de fichiers image pris en charge et les détails de compatibilité WebP.

Types de fichiers image pris en charge

Cloudbeds Websites prend en charge les types de fichiers image suivants :

PNG
JPG
JPEG
GIF
SVG
SVG+XML
ICO
X-icon
WebP

Compatibilité WebP

Les recommandations actuelles pour les images prennent en charge les images WebP sur les plateformes suivantes :

iPhone : version 14 et ultérieures
Mac/Safari : dernière version
Chrome : toutes versions
Android : toutes versions

Tailles d’image recommandées

Utilise ces dimensions comme guide général lors de la préparation des images pour les emplacements courants sur le site web. Choisis la taille qui correspond à l’utilisation de l’image plutôt que de téléverser un fichier beaucoup plus grand que ce que la mise en page nécessite.

Utilisation de l’image	Taille recommandée
Largeur de l’image de fond	2880 px
Bureau	1920 px
Tablette	1280 px
Mobile	640 px
Vignette de blog	160 px ou 300 px

Conseils pour l’image selon l’utilisation

Différents composants du site web utilisent des images de formes et tailles variées. Déploie la section correspondante lorsque tu prépares une image pour un emplacement spécifique.

Images du carrousel

Les images du carrousel sont généralement affichées en grand format et peuvent s’étendre sur une large zone de la page. Utilise des images avec une largeur suffisante et un espace autour du sujet principal afin que le contenu important ne soit pas recadré lorsque l’image est redimensionnée.

Rapports d'aspect courants : 16:9 et 3:4
Résolutions courantes : 1600x900, 1280x720 et 1280x960 px

Pour les carrousels carrés, utilise un rapport d'aspect 1:1. Garde des rapports d’image cohérents au sein du même carrousel pour un design plus harmonieux.

Images de la galerie photo

Les mises en page des galeries photo supportent une large gamme de proportions d’image. Adapte le rapport d’image au style de galerie que tu souhaites utiliser et maintiens des rapports cohérents lorsque la mise en page dépend de dimensions uniformes.

Galeries au format carré : rapport 1:1
Galeries avec images verticales : par exemple, 2:5 ou 200x500 px
Conseils de résolution courante : utilise la résolution nécessaire pour la mise en page, mais évite les images de plus de 1500 px quand c’est possible pour favoriser la rapidité de chargement.

Icônes

Les icônes peuvent utiliser des fichiers PNG transparents, JPEG ou SVG.

Rapport d'aspect courant : 1:1, bien que d’autres rapports puissent être utilisés.
Résolutions courantes : 200x200 px ou 80x80 px. Les fichiers SVG peuvent être redimensionnés sans résolution fixe.

Les fichiers SVG peuvent ajouter plus de code à une page que les images standard. Utiliser de nombreux fichiers SVG complexes sur la même page peut affecter le chargement ou la fonctionnalité. Si nécessaire, convertis certaines icônes SVG en formats d’image standard comme PNG ou JPEG.

Favicons

Les favicons apparaissent dans l’onglet du navigateur plutôt que sur la page du site web. Le format ICO est recommandé.

Rapport d'aspect requis : 1:1
Résolutions autorisées : 24x24, 36x36 et 48x48 px

Logos

Le format SVG est recommandé pour les logos car il peut être redimensionné sans perte de qualité d’image.

Performance des images et design responsive

Utilise des images suffisamment grandes pour leur emplacement prévu, mais évite de téléverser des fichiers beaucoup plus volumineux que nécessaire. Des images surdimensionnées peuvent réduire la performance de la page sans apporter d’amélioration visuelle notable après redimensionnement.

Fais correspondre l’image source à son usage prévu. Par exemple, si une image est affichée à environ 300x300 px, évite de téléverser une version 4000x4000 px sauf si cette source plus grande est nécessaire ailleurs.

Le rapport d'aspect décrit la relation entre la largeur et la hauteur d’une image. Une image au format 16:9 peut mesurer 1600x900 px, 1280x720 px, ou toute autre résolution avec le même rapport.

Les images qui semblent adaptées à une mise en page large sur Bureau peuvent nécessiter un traitement différent sur des appareils plus petits. Utilise les contrôles de visibilité ou de taille spécifiques à l’appareil disponibles lorsque tu as besoin d’un traitement d’image différent pour les mises en page tablette ou mobile.

Maintenant que tu sais comment gérer les médias réutilisables et préparer les images pour ton Site web Cloudbeds, utilise ces ressources pour une navigation plus large dans l’éditeur, les FAQ sur les images, et les flux de travail liés aux images de fond :