Toutes les collections
L'éditeur d'apparence
Ajouter d'images dans l'éditeur d'apparence
Ajouter d'images dans l'éditeur d'apparence

Apprenez à ajouter et modifier des images dans le nouvel éditeur d'apparence

Yugandhar Gokhale avatar
Écrit par Yugandhar Gokhale
Mis à jour il y a plus d’une semaine

Dans l'ancien éditeur de page d'accueil, chaque thème avait des dimensions d'image différentes pour différentes sections telles que les tuiles du projet, les bannières et d'autres sections. Lors du passage à un thème différent, les images devaient être redimensionnées ou elles semblaient écrasées ou étirées.

Avec le nouvel éditeur d'apparence, il n'est pas nécessaire d'avoir des images différentes pour les différents modèles. Toutes les images téléchargées s'ajusteront automatiquement aux dimensions requises. Cela a été ajouté pour garantir un basculement transparent entre les différents modèles disponibles avec l'éditeur d'apparence. Il est maintenant possible de simplement changer de modèle et de télécharger les images sans avoir à s'inquiéter frénétiquement de changer les dimensions du nouveau modèle.

Une autre nouvelle option disponible avec l'éditeur d'apparence est de modifier ces images.

Les options disponibles dans l'onglet Modifier l'image sont Recadrage, Rotation, Retournement et Réinitialisation.

Une autre option lors du téléchargement d'images est les images par Unsplash. Il s'agit d'une collection de millions d'images que vous pouvez utiliser pour la bannière, les tuiles du projet et d'autres sections de la page d'accueil.

Avec cette option, vous pouvez accéder à une grande collection de différents types d'images qui peuvent ensuite être utilisées sur votre site. Cliquez simplement sur Images by Unsplash, recherchez avec le mot clé pertinent, par exemple: Sydney. Vous verrez de nombreuses images que vous pourrez sélectionner pour les différentes sections de la page d'accueil.

Tailles d'image sur les pages de projet

Les images sur les pages du projet ne seront pas affectées par l'éditeur d'apparence ou par les modifications qui y sont apportées.

Image du projet

Une image de projet peut avoir n'importe quelle hauteur et une largeur maximale de 700 px. Tout ce qui est plus grand que cela sera automatiquement redimensionné.

Favicon

Les favicons sont minuscules. Nous vous recommandons d'utiliser un fichier png avec un arrière-plan transparent qui ne dépasse pas 15 sur 15 pixels.

Fil d'actualité

Les miniatures de vos articles de fil d'actualité doivent être de 200 x 150 pixels. C'est un rapport 4: 3, mais pour la cohérence, nous nous en tiendrions toujours à 200x150.

Si vous téléchargez des images dans votre outil de forum, elles apparaîtront automatiquement sous forme de vignettes. Tant que vous vous en tenez à un rapport 4: 3, vos images sembleront acceptables.

L'image dans l'article fil d'actualité lui-même est déterminée par la largeur du conteneur de l'article, qui est de 660 pixels.

Sur le portable

Toutes les images sont responsives et changeront leur taille en fonction de l'écran où elles sont regardées.

Bannière

Une bannière doit avoir une largeur minimale de 1440 pixels. Vous devez définir la hauteur fixe que vous souhaitez utiliser pour les bannières sur votre site. Tous les thèmes comportent maintenant des bannières de projet.

Les images trop petites et qui ne répondent pas aux recommandations décrites ci-dessus seront étirées et peuvent donc paraître floues, comme l'image ci-dessous.

Les images trop hautes pour la case dans laquelle elles apparaissent seront coupées en haut et en bas.

Les images trop larges et trop petites en termes d'hauteur seront coupées à gauche et à droite.

Galerie de photos

Si vous téléchargez des images dans le widget Galerie de photos, vous pouvez télécharger des images de la taille de votre choix. La largeur recommandée est de 1120 pixels.

La galerie d'images affichera votre image d'origine et convertira également les dimensions de votre image d'origine en une image miniature.

Si vous souhaitez maximiser la taille de vos images pour la galerie, nous vous suggérons de les faire au moins 1080px large avec une dimension d'hauteur de votre choix.

Sur les pages de projet

Sur les pages de projet, les images peuvent également apparaître dans les trois zones suivantes. Les meilleures tailles d'image pour ces sections sont déterminée par la largeur recommandée de l'image, comme indiqué ci-dessous.

  • Widget personnalisé - largeur: 320px

  • FAQ largeur maximale: 1110px

  • Galerie de photos - largeur: 1120px

(L'image doit être aussi large que le conteneur - widget personnalisé et galerie de photos).

Les images de la description de votre projet ne peuvent jamais dépasser 732 pixels. Il s'agit de la largeur maximale du conteneur de description de projet et les images seront réduites si elles sont trop grandes. Il n'y a pas de largeur minimale, ni de hauteur maximale.

Qui est à l'écoute widget

La taille recommandée pour une photo d'un membre de l'équipe est une photo carrée d'au moins 200 x 200 pixels. Les coins seront coupés automatiquement.

Note: toute image que vous téléchargez ne doit jamais dépasser 1 Mo. Plus le fichier est volumineux, plus il faudra de temps pour charger pour les visiteurs, en particulier sur les téléphones mobiles et les connexions Internet plus lentes.

Les images doivent toujours être téléchargées sous forme de fichiers JPG, JPEG, GiFS ou PNG.

Contactez notre équipe d'assistance si vous avez besoin d'une aide supplémentaire via le chat ou le courriel support@engagementhq.com.


Avez-vous trouvé la réponse à votre question ?