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 de télécharger des images haute résolution de qualité à 100 % (jusqu'à 50 Mo chacune) dans galeries. Nous redimensionnons les images et fournissons automatiquement la meilleure taille en fonction de l'appareil et de la résolution pour accélérer le chargement du site Web.
Les formats de fichier d'image de site Web pris en charge sont JPG, JPEG, PNG et GIF.
We ne conservez pas vos images originales Dans la section « Site web », Pixpa optimise automatiquement vos images pour qu'elles ne dépassent pas 2 560 pixels de largeur et 3 840 pixels de hauteur, tout en conservant leurs proportions d'origine. Si vous téléchargez des images plus grandes, elles sont redimensionnées en conséquence afin que ni la largeur ni la hauteur ne dépassent 2 560 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 La galerie de sites Web/la galerie de pages est de 500Si vous avez plus d'images à présenter, pensez à créer plusieurs galeries.
Taille d'image idéale pour la bannière
A bannière l'image ou l'image de couverture ajoute une touche personnelle à votre page. Vous pouvez ajouter la bannière en haut ou en bas de la page.
La taille idéale d'une image de bannière sera 2000 pixels X 2000 pixels.
Les formats de fichier 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
Le Image Principal d'une page est utilisée pour le partage social et sera également utilisée si la page est ajoutée à un dossier. Nous vous recommandons de télécharger une image haute résolution de qualité à 100 % pour une image miniature.
Les formats de fichiers pris en charge pour les images sélectionnées 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 mettre en valeur votre produits purs dans le magasin.
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 de télécharger des images haute résolution de qualité à 100 %. Les formats de fichier d'image de site Web pris en charge sont JPG, JPEG, PNG et GIF.
We ne conservez pas vos images originales dans le ARTICLES DE BLOGUE.
La taille idéale pour une image d'article de blog est Pixel 1200. Si vous téléchargez des images d'une plus grande taille, nous réduire les effectifs les à 1200 pixels de largeur.
Pour des performances optimales, le nombre maximal d'images autorisé par La galerie d'articles de blog compte 500 articles.
Tailles d'image dans les extraits de Page Builder
Nous avons divers extraits de contenu basés sur des images dans le glisser-déposer constructeur de page. Les tailles idéales seraient comme 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
Le La hauteur d'image maximale prise en charge est de 3840 pixels.Si vous téléchargez des images dont les dimensions dépassent celles prises en charge, elles seront automatiquement redimensionnées tout en conservant leur rapport hauteur/largeur d'origine.
Tailles d'image dans les éléments de liste du générateur de pages
Dans le générateur de page, nous avons les éléments de liste dynamiques comme Listes d'images et 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 du fichier image prise en charge est 20 MB.
Taille d'image idéale pour les galeries clients
Dans le cas d' Galeries de clients, nous sauvegardons 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: Qu'entend-on par espace pour les fichiers originaux ?
Nous vous recommandons de télécharger des images haute résolution originales de qualité à 100 % (jusqu'à 100 Mo chacune). Nous ne touchons pas à vos fichiers originaux qui seront livrés directement au client via un lien sécurisé au fur et à mesure de la commande. L'entreprise pour 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 La galerie client à l'intérieur d'un album est de 1000Si vous avez plus d'images à présenter, pensez à 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 de la Télécharger l'image en taille originale:
-
Grande: 2560px
-
Moyenne: 1200px
-
petit: 600px
Taille d'image idéale pour les applications de galerie
Applications de la galerie vous permettent de créer des applications de galerie mobile personnalisées pour vos clients, qu'ils pourront installer sur leurs téléphones portables.
Pour les galeries mobiles, étant donné que des images plus petites suffisent, 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
Compression d'image aide à trouver le bon équilibre entre la qualité de l'image et la taille du fichier qui affecte la vitesse de chargement de votre site Web. La valeur de compression idéale est de 75 % (haute qualité). Toute modification de cette valeur est appliquée aux images téléchargées après avoir effectué cette modification.
Nous vous recommandons de télécharger des fichiers JPEG de qualité à 100 % car nous appliquons la compression d'image standard de 75 % sur toutes vos images de site Web téléchargées, mais vous pouvez facilement gérer la compression d'image à partir du Page des paramètres. Une valeur plus élevée augmente la taille de l'image et offre une meilleure qualité. Une valeur inférieure accélère le chargement de votre site car la taille des fichiers est plus petite.
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 de couleur 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, vous devez définir votre résolution sur 72 dpi et utiliser une largeur de 2560 pixels pour les dimensions.
Netteté des images
Vous voudrez peut-être utiliser le Filtre de masque flou après avoir redimensionné vos images, car le redimensionnement entraîne toujours un certain flou. Vous pouvez atteindre le Filtre de masque flou dans Photoshop en allant dans Filtre -> Netteté -> Masque flou.
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.