Choisir la bonne taille d'image est essentiel pour un site web visuellement attrayant et rapide à charger. Des images correctement dimensionnées garantissent un affichage net de votre contenu sur tous les appareils et améliorent les performances de vos pages.
Ce guide présente les dimensions d'image recommandées pour les différentes sections de Pixpa, vous aidant ainsi à importer des images parfaitement adaptées, sans distorsion ni redimensionnement inutile. En suivant ces recommandations, vous obtiendrez des mises en page harmonieuses et offrirez une meilleure expérience utilisateur à vos visiteurs.
Pixpa redimensionne automatiquement les images pour garantir un affichage et des performances optimales tout en conservant le format d'origine.
- Les images sont redimensionnées pour tenir dans un cadre de délimitation maximal de 2560 × 3840 px.
- Ni la largeur ni la hauteur ne dépasseront ces limites.
- Une dimension peut être plus petite selon l'orientation de l'image
Comment fonctionne la mise à l'échelle :
- Les images sont réduites jusqu'à ce que les deux conditions soient remplies :
- La largeur est inférieure ou égale à 2560 pixels
- La hauteur est inférieure ou égale à 3840 pixels
Tailles recommandées :
- Utilisez des images d'une largeur maximale de 2560 px pour une orientation paysage.
- Utilisez des images d'une hauteur maximale de 3840 px pour une orientation portrait.
Dans cet article :
- Taille d'image idéale pour les galeries de sites Web
- Taille d'image idéale pour la bannière
- Taille d'image idéale pour l'image sélectionnée
- Taille d'image idéale pour l'image du produit
- Taille d'image idéale pour l'image de l'article de blog
- Tailles d'image dans les extraits de Page Builder
- Tailles d'image dans les éléments de liste du générateur de pages
- Taille d'image idéale pour les galeries clients
- Taille d'image idéale pour les applications de galerie
- Taille idéale pour les Gifs
- Qualité d'image et compression
- Profil de couleur de l'image
- Redimensionnement d'image pour les images du site Web
- Netteté des images
- Traitement d'image en masse
Taille d'image idéale pour les galeries de sites Web
Nous vous recommandons d'utiliser des images haute résolution de qualité optimale (jusqu'à 50 Mo chacune) dans vos galeries . Nous redimensionnons automatiquement les images et affichons la taille optimale en fonction de l'appareil et de la résolution afin d'accélérer le chargement du site web.
Les formats de fichiers image pris en charge par le site web sont JPG, JPEG, PNG et GIF.
Nous ne conservons pas vos images originales sur le site web. Pixpa les optimise automatiquement pour qu'elles ne dépassent pas 2560 pixels de largeur et 3840 pixels de hauteur, tout en préservant leurs proportions. Si vous téléchargez des images plus grandes, elles sont redimensionnées en conséquence afin que ni leur largeur ni leur hauteur ne dépassent 2560 pixels.
Les images sont automatiquement optimisées pour s'adapter à une taille maximale de 2 560 pixels de largeur et 3 840 pixels de hauteur, tout en conservant leurs proportions d'origine. Dans le cas d'une mise en page en grille, les images du site web sont générées automatiquement en fonction de la mise en page choisie.
Pour des performances optimales, le nombre maximal d'images autorisé par galerie de site web/page est de 500. Si vous avez davantage d'images à présenter, envisagez de créer plusieurs galeries.
Taille d'image idéale pour la bannière
Une bannière ou une image de couverture apporte une touche d'élégance à votre page. Vous pouvez l'ajouter en haut ou en bas de la page.
La taille idéale d'une image de bannière est de 2000 pixels x 2000 pixels.
Les formats de fichiers image pris en charge pour la bannière sont JPG, JPEG, PNG et GIF.
Taille d'image idéale pour l'image sélectionnée
L' image mise en avant d'une page sert au partage sur les réseaux sociaux et sera également utilisée si la page est ajoutée à un dossier. Nous vous recommandons d'utiliser une image haute résolution de qualité optimale comme vignette.
Les formats de fichiers pris en charge pour les images mises en avant sont JPG, JPEG et GIF.
Il n'y a pas de taille d'image recommandée pour les images en vedette. Le système redimensionnera automatiquement l'image une fois que vous l'aurez téléchargée.
Taille d'image idéale pour l'image du produit
Vous pouvez ajouter jusqu'à 200 images de produits pour présenter vos produits dans la boutique.
Les formats de fichiers image pris en charge sont JPG, JPEG et PNG.
La taille idéale de l'image du produit est d'environ 1000 pixels x 1000 pixels.
Taille d'image idéale pour l'image d'un article de blog
Nous vous recommandons d'utiliser des images haute résolution de qualité optimale. Les formats d'image compatibles avec le site web sont JPG, JPEG, PNG et GIF.
Nous ne conservons pas vos images originales dans les articles de blog.
La taille idéale pour une image d'article de blog est de 1200 pixels . Si vous téléchargez des images plus grandes, nous les redimensionnons à 1200 pixels de largeur.
Pour des performances optimales, le nombre maximal d'images autorisées par galerie d'article de blog est de 500.
Tailles d'image dans les extraits de Page Builder
Nous proposons divers extraits de contenu basés sur des images dans l' éditeur de pages par glisser-déposer . Les tailles idéales sont indiquées ci-dessous.
Les images de grande taille seront automatiquement réduites aux tailles suivantes, vous n'avez donc pas besoin de recadrer vos images en tant que telles. Les formats de fichiers pris en charge sont JPG, JPEG et PNG.
- Bloquer les images d'arrière-plan – Utiliser une largeur de 2560 px
- Extrait d'image unique – Utiliser une largeur de 2560 px
- 2 colonnes Extrait d'image – Utiliser une largeur de 1200 px
- 3 colonnes Extrait d'image – Utiliser une largeur de 750 px
- 4 colonnes Extrait d'image – Utiliser une largeur de 500 px
La hauteur maximale des images prises en charge est de 3840 pixels . Si vous téléchargez des images plus grandes que les dimensions prises en charge, elles seront automatiquement redimensionnées tout en conservant leurs proportions d'origine.
Tailles d'image dans les éléments de liste du générateur de pages
Dans le générateur de pages, nous proposons des éléments de liste dynamiques tels que des listes d'images et des témoignages, où vous téléchargez les images.
Dans ces sections, la taille des images dépendra du nombre de colonnes que vous ajoutez.
- Liste d'images unique – Utiliser une largeur de 2560 px
- Liste d'images à 2 colonnes – Utiliser une largeur de 1200 px
- Liste d'images à 3 colonnes – Utiliser une largeur de 750 px
- 4 colonnes et plus petites listes d'images – Utiliser une largeur de 500 px
La taille maximale des fichiers image prise en charge est de 20 Mo.
Taille d'image idéale pour les galeries clients
Dans le cas des galeries clients , nous conservons vos fichiers originaux.
Le plan de base dispose de 3 Go, le plan Créateur de 5 Go, le plan Professionnel de 25 Go et le plan Avancé de 100 Go d'espace pour enregistrer vos fichiers originaux (pour la livraison en ligne).
Si vous avez besoin de plus d'espace, vous pouvez appliquer le Module Client-Galeries au plan du site Web.
Vous aurez la possibilité de choisir parmi 20 Go jusqu'à un espace de stockage cloud illimité pour vos images originales, selon vos besoins.
Voir aussi : Que signifie l’espace réservé aux fichiers originaux ?
Nous vous recommandons de télécharger des images originales de haute résolution et de qualité optimale (100 Mo maximum par image). Nous ne modifions pas vos fichiers originaux, qui seront envoyés directement au client via un lien sécurisé une fois la commande finalisée. Découvrez comment vendre vos images.
Nous créons plusieurs versions de taille Web en utilisant l'image originale qui sera utilisée pour présenter les fichiers originaux sur votre site Web. Le système appliquerait également des paramètres de compression sur vos images de taille Web créées à partir de vos fichiers d'origine.
Pour des performances optimales, le nombre maximal d'images autorisé par galerie client dans un album est de 1 000. Si vous avez plus d'images à présenter, envisagez de créer plusieurs galeries.
Pour les images téléchargeables numériquement dans les galeries clients, Pixpa propose les trois options de résolution suivantes, en plus du téléchargement de l'image en taille originale :
-
Grand : 2560px
-
Moyen : 1200 px
-
Petit : 600 px
Taille d'image idéale pour les applications de galerie
Les applications de galerie vous permettent de créer des applications de galerie mobile personnalisées pour vos clients, qu'ils peuvent installer sur leurs téléphones portables.
Pour les galeries mobiles, les images plus petites étant suffisantes, la taille d'image recommandée est de 640 pixels de largeur.
Taille idéale pour les Gifs
Si vous ajoutez des gifs dans le studio Pixpa, le gif doit être inférieur à 2560 pixels en largeur et en hauteur.
De plus, le nombre d'images du GIF doit être inférieur ou égal à 60.
Qualité d'image et compression
La compression d'images permet de trouver le juste équilibre entre la qualité de l'image et la taille du fichier, ce qui influe sur la vitesse de chargement de votre site web. Le taux de compression idéal est de 75 % (haute qualité). Toute modification de ce taux s'applique aux images téléchargées après cette modification.
Nous vous recommandons d'utiliser des fichiers JPEG de qualité optimale, car nous appliquons une compression standard de 75 % à toutes les images que vous téléchargez sur votre site web. Vous pouvez toutefois gérer facilement le taux de compression depuis la page « Paramètres » . Une valeur plus élevée augmente la taille de l'image et améliore sa qualité. À l'inverse, une valeur plus faible accélère le chargement de votre site grâce à des fichiers plus légers.
Profil de couleur de l'image
Juste pour ajouter, assurez-vous que les images de votre site Web sont dans un profil de couleur sRGB qui est le profil de couleur de rendu de navigateur standard et 72 dpi serait plus que suffisant pour presque tous les affichages de navigateur.
Voir aussi : Préparer le profil colorimétrique de vos images pour obtenir les meilleurs résultats.
Redimensionnement d'image pour les images du site Web
Pour redimensionner les images dans Photoshop , allez dans Image > Taille de l'image. Pour le web, définissez la résolution sur 72 ppp et la largeur sur 2 560 pixels.
Netteté des images
Il peut être utile d'utiliser le filtre Accentuation après avoir redimensionné vos images, car le redimensionnement entraîne toujours un certain flou. Vous pouvez accéder à ce filtre dans Photoshop en allant dans Filtre > Netteté > Accentuation.
Traitement d'image en masse
Si vous avez plusieurs images à faire pivoter, redimensionner ou affiner, vous pouvez enregistrer une action et utiliser la commande batch pour traiter un dossier entier d'images sans répéter ces étapes pour chaque image.
Ou vous pouvez également utiliser logiciel tiers pour redimensionner vos images en masse.