Je regrette d’apprendre que vous rencontrez des difficultés concernant la résolution de votre image de bannière.
Tout d’abord, afin de mieux comprendre vos besoins, je souhaiterais en savoir plus sur votre situation :
Cela s’applique-t-il à cette photo uniquement, ou bien d’autres images sont-elles également impactées ?
Est-ce un phénomène que vous aviez déjà pu observer par le passé ? Si non, avez-vous installé une nouvelle application ou fait des changements à votre boutique dernièrement ?
Par ailleurs, avez-vous déjà lancé votre boutique ou bien êtes-vous encore en phase de réflexion ?
Dans l’attente de votre réponse, sachez que Shopify s’engage à offrir aux personnes visitant votre boutique une expérience de navigation la plus agréable possible, notamment en termes de vitesse de chargement. Pour parvenir à ce résultat, le système procède à une compression des images qui peut, effectivement, dans certains cas, donner lieu à une perte de qualité des images.
Le format JPEG est particulièrement concerné par ce phénomène, puisque le niveau de qualité d’une image compressée dépendra de plusieurs facteurs, dont la qualité de l’image JPEG à l’origine et la taille de sortie. C’est pourquoi je vous inviterais au maximum à utiliser par exemple le format PNG pour lequel la compression n’a pas d’effets majeurs sur la qualité finale de vos images lorsqu’elles sont affichées sur votre boutique. Vous en saurez plus à ce sujet en consultant cet article de notre Centre d’aide.
Sachez également qu’il existe des limites de téléchargement pour les images dans une boutique Shopify, celles-ci étant soumises à des limites en termes de mégapixels et de taille de fichier (en mégaoctets). Les mégapixels sont utilisés pour indiquer combien de pixels composent une image. Les mégaoctets sont utilisés pour indiquer combien d’octets de mémoire ou d’espace disque occupe une image. Ainsi, les images mises en ligne sur Shopify ne peuvent dépasser ni l’une ni l’autre des limites suivantes : 20 mégapixels ou 20 mégaoctets.
Si ces options ne correspondent pas à ce que vous recherchez, n’hésitez pas à me donner plus de détails concernant vos besoins. Je serai heureux d’étudier avec vous d’autres solutions !
Je n’ai constaté ce souci que sur l’image de bannière + texte (en l’occurence de la home).
Je viens de sortir ma boutique sur Shopify donc ce n’est pas lié à un changement d’appli.
La boutique est en ligne et opérationnelle.
J’ignorais que Shopify appliquait une compression supplémentaire… Ceci expliquerait cela.
Par défaut, une photo produits est censée sortir en JPEG. Comme vous le notez d’ailleurs dans votre aide. J’ai testé, à la suite de votre remarque, le format PNG, que je réserve aux graphismes en principe, comme il est de coutume, mais aucun changement sur la qualité de la bannière qui manque toujours de netteté. Ce n’est donc pas lié au seul algorithme de compression des JPEG.
L’image JPEG actuellement en ligne fait 2,3 Mo et 2,6 Mpx (2000px x 1333px) donc je suis dans les cordes.
Cette histoire est super gênante pour une bannière de une qui doit témoigner de la qualité de mes affiches, dont le rendu graphique se doit d’être nickel…
Merci pour vos retours, @niko-iko ! Je comprends mieux votre situation. Je vous inviterais à essayer d’utiliser notreoutil d’optimisation des images afin de voir si le résultat final correspondrait plus à vos attentes.
En tout cas, je tiens à vous féliciter pour la qualité de votre boutique ! Le style épuré correspond bien à vos œuvres et la navigation est très fluide.
Merci pour votre retour @Nass_1 . Pour l’instant rien ne me convient dans tout ça mais je vais continuer à creuser l’affaire. En tout cas merci pour vos compliments à l’égard de ma boutique
Bonjour et merci pour votre retour, @niko-iko ! Avec grand plaisir, n’hésitez pas àrevenir vers nous en cas de besoin ou si vous réussissez à trouver une solution qui pourrait aider le reste de la communauté.
Bonjour, je rencontre exactement le même problème que Niko-Iko avec la bannière de la page home!
Une image de qualité en haute résolution, optimisée pour le web, respectant les pré-requis de Shopify, devient une image complètement machée. C’est un gros problème pour la crédibilité du site, je ne peux pas me permettre de le rendre accessible à la clientèle avec un tel défaut.
Sur les forums anglophones, beaucoup parlent d’un problème avec le thème Dawn, ou un problème avec l’outil de compression Shopify. Le problème est que l’on reste bloqué sans pouvoir lancer son site de manière crédible et donc réaliser des ventes, on perd du temps, de l’argent…
Pour cela, il faut directement taper dans le code du thème et corriger certains éléments liés à l’usage de la balise Responsive “srcset” et “sizes”. Certains navigateurs comme explorer ne semblent pas forcément les interpréter correctement, à moins qu’il y ait des soucis de codage. Quoi qu’il en soit, j’ai modifié plusieurs éléments dans le code Liquid des pages (dont “card-product.liquid” ou encore “image-banner.liquid”) et inséré en dur “sizes=100vw” (au lieu de “50vw” ou des lignes de calculs. Et j’ai fait en sorte également d’imposer le chargement d’une image au format prédéfini (sur la balise “src”) afin justement que l’image par défaut soir d’une résolution suffisante pour qu’elle soit non pixelisée. Certes, c’est moins optimisé, mais sincèrement, c’est plus agréable que de charger des pages dont les images en home sont en basse définition.
