Étapes pour résoudre les erreurs lors du chargement des images ou les problèmes d’affichage après le chargement

Lorsque vous chargez une image sur votre site, il se peut qu’elle ne s’affiche pas comme prévu, selon son format. Suivez nos consignes de formatage afin de minimiser les erreurs de chargement ou les problèmes d’affichage.

Utilisez ce guide pour vous aider à résoudre les erreurs lors du chargement ou après l’ajout d’une image sur votre site.

Conseil : avant le chargement, consultez nos consignes de formatage et examinez les informations de vos fichiers image pour vous assurer qu’ils répondent à nos exigences

Erreurs lors du chargement

Si une erreur se produit lorsque vous essayez de charger une image, consultez nos exigences relatives aux images et assurez-vous que votre image est conforme à ces exigences. Si vous utilisez un type de fichier compatible et que votre image pèse 20 Mo ou moins, le problème peut être lié à la résolution de votre image. La résolution des images se mesure en mégapixels et notre limite est de 120 Mpx. Chargez à nouveau l’image une fois qu’elle répond à nos exigences.

Si votre fichier image répond à toutes nos exigences mais qu’une erreur s’affiche toujours au moment du chargement, le problème est peut-être lié à votre navigateur. Suivez les étapes de résolution des problèmes liés au navigateur et réessayez.

Images floues

Si une image apparaît floue ou pixelisée, sa taille a été probablement ajustée à la largeur du contenu. Cela se produit généralement lorsqu’une image est trop étroite. Nous vous recommandons donc d’utiliser des images d’une largeur supérieure à 1 500 pixels dans la plupart des zones de Squarespace. Cependant, certaines zones de contenu ont des exigences différentes :

• Icônes du navigateur (ou favicons)
• Images des campagnes e-mail
• Logos du site dans la version 7.0

Redimensionnez l’image pour qu’elle réponde à nos exigences, puis chargez-la à nouveau.

Distorsion des couleurs

En cas de distorsion des couleurs d’une image, le mode colorimétrique ou le profil colorimétrique de votre image n’est peut-être pas correctement formaté.

Consultez nos exigences en matière d’images, puis mettez à jour les paramètres de couleur de l’image si nécessaire. Lorsque l’image répond à nos exigences, chargez-la à nouveau.

Images de bannière recadrées sur les appareils mobiles

Les images des bannières sont presque toujours recadrées sur les appareils mobiles, car une bannière est large et que les appareils mobiles ont une largeur étroite. Si vous remarquez un recadrage sur des appareils mobiles :

• Découvrez comment les images des bannières et des arrière-plans de section s’affichent sur les appareils mobiles.
• Apprenez à personnaliser vos bannières pour atténuer les problèmes de recadrage.

Vous devrez peut-être modifier l’image en dehors de Squarespace et la charger à nouveau pour obtenir l’effet souhaité.

La résolution de l’image varie selon les tailles

Lorsque vous redimensionnez une image sur votre site, notre processeur d’image rééchantillonne l’image au lieu de la redimensionner directement (ce qui conserve les mêmes dimensions en pixels). Ainsi, lorsque la taille du conteneur d’image change, les pixels peuvent se mélanger, ce qui peut entraîner une perte de netteté des images.

En chargeant des images conformes à nos exigences et bonnes pratiques, vous obtiendrez des images d’une clarté acceptable, quelle que soit leur taille, mais de légères différences sont à prévoir.

Autres étapes

Si vos images répondent à nos exigences mais qu’elles apparaissent toujours déformées ou recadrées de façon inattendue, vous pouvez :

• Modifier le style du bloc, de la section ou de la page où vous avez ajouté des images.
• Utilisez le point focal pour centrer des images.
• Utiliser notre éditeur d’image intégré pour apporter des modifications telles que le recadrage et la valeur de proportion.
• Suivre les étapes de l’article Résoudre les problèmes de recadrage.
• Redimensionner, recadrer ou modifier l’image d’origine sur votre appareil, avant d’importer à nouveau votre image.

Pour en savoir plus sur la façon de rendre vos images plus accessibles, consultez l’article Améliorer l’accessibilité des images, de l’audio et des vidéos.