Insérer une icône ou un pictogramme sur votre site hôtelier
Ajouter un fichier SVG ou PNG en quelques étapes
Points clés
• Ajout d’icônes en SVG ou PNG
• Méthode simple depuis le Designer
• Optimisation visuelle pour votre site hôtelier
• Conseils pour de bonnes pratiques graphiques
Insérer une icône est un excellent moyen d’améliorer la lisibilité de vos pages, de rendre vos informations plus claires et d’offrir une expérience utilisateur plus fluide. Que vous souhaitiez ajouter un pictogramme pour illustrer vos services, vos équipements ou vos avantages, la procédure est simple et rapide.
Ajouter une icône au format SVG ou PNG
Dans le Designer, commencez par choisir l’emplacement où vous souhaitez afficher l’icône. Ajoutez un bloc Image depuis le panneau des éléments, puis importez votre fichier au format SVG ou PNG. Le SVG est fortement recommandé car il est léger, vectoriel et garantit une qualité parfaite sur tous les écrans, même haute résolution.
Une fois l’icône importée, réglez sa taille directement depuis le panneau de style pour qu’elle s’intègre harmonieusement dans votre mise en page. Si vous utilisez un PNG, pensez à vérifier la transparence et la qualité du fichier pour éviter un rendu pixellisé.
Utiliser les icônes directement intégrées dans le design
Si votre site hôtelier dispose déjà d’une bibliothèque interne d’icônes (hébergée dans l’Asset Manager ou intégrée en tant que symboles), vous pouvez répliquer ou dupliquer une icône existante afin de conserver la cohérence graphique. Sélectionnez simplement l’élément et dupliquez-le pour accélérer votre workflow.
💡 Conseil : les icônes SVG sont particulièrement utiles pour les services hôteliers (Wi-Fi, parking, spa, restaurant, piscine) car elles peuvent être stylisées via le CSS du site sans perte de qualité.
Optimiser vos pictogrammes pour une expérience parfaite
Assurez-vous d’utiliser des noms de fichiers clairs et descriptifs, comme wifi-hotel.svg ou spa-icon.png, pour garder votre bibliothèque propre et structurée.
Conservez un style cohérent (épaisseur, forme, angles) pour renforcer la signature visuelle de votre établissement.
Veillez à respecter un contraste suffisant et à ajouter un alt text pertinent, particulièrement important pour l’accessibilité et le référencement.
Avant de publier, prévisualisez votre page pour vérifier que l’icône s’affiche correctement sur desktop, mobile et tablette.
Conclusion
Insérer une icône dans votre site hôtelier est un processus simple qui améliore considérablement l’expérience utilisateur. Grâce à une intégration soignée et à des fichiers optimisés, vos pages gagnent en clarté, en impact et en cohérence visuelle.