Jump to content
Acgala

Photos produit flous sur mobile

Recommended Posts

Bonjour,

 

Je suis nouvelle sur ce forum, pardonnez moi si je poste ce message dans la mauvaise catégorie.

Je suis assez novice sur prestashop et je ne sais pas coder non plus,  donc je galere assez à résoudre le problème suivant: sur ma page d'accueil mes photos produits apparaissent floues sur mobile alors qu'elles sont nettes sur PC. J'ai essayé de changer la taille des paramètrees photos dans le back office mais cela n'a rien amélioré. 

Pouvez-vous me donner des conseils sur comment résoudre ce problème de netteté, et aussi me conseiller:

-Quelle taille idéale mes photos devrait faire avant d'etre uploadé sur mon site (KO, et dimension image)

-Quelle largeur et longueur de photos devrais je parametrer dans mon back office, voici ce que j'ai mis pour le moment  (photo ci-dessous).

 

Dois je coder quelque chose de particulier pour améliorer la vision sur mobile? Si oui comment le faire ?

 

Merci pour votre aide précieuse!

 

A-C

Capture d’écran 2018-02-11 à 22.28.46.png

Share this post


Link to post
Share on other sites

Bah on n'est pas devins et on ne sait pas de quelles images vous parlez sur mobile ?

Cela dépend de votre thème et à quelle dimension il affiche ces images sur mobile. Si le thème les agrandit, elles deviennent floues.

 

Une url où l'on peut voir le problème ? Ca serait un peu plus facile pour vous aider, parce que là :( 

Share this post


Link to post
Share on other sites

Désolé, en effet c'est un peut vague dit comme cela..

 

Voilà mon site en cours de construction: www.be-charlie.com

Version de PrestaShop : 1.7.1.2

Thème actif : classic

Share this post


Link to post
Share on other sites

En mobile sur votre page d'accueil, je ne les vois pas floues. Elles sont en dimension 250 x 250. (non redimensionnées par le thème)

Et sur les pages produits, je les vois en 345 x 345 (redimensionnées depuis le format 800 x 800) mais pas floues non plus...

Share this post


Link to post
Share on other sites

Elles paraissent pixel idées sur mon téléphone (iPhone 5) et sur les iphone 8 aussi, voilà une capture d’ecran De ce week-end je vois:

DC46FB93-67D6-49EA-B7C1-DB800FF300D5.png

26D0EDB0-4B1F-4F20-894C-651B4949B7C4.png

Share this post


Link to post
Share on other sites

Mais ca c’est la vue quand tu cliques sur une des images . Moi je parle de quand tu es sur la page d’accueil les images produits ne sont pas aussi  nettes.

Share this post


Link to post
Share on other sites

https://www.be-charlie.com/img/p/3/4/34-home_default.jpg

Cette photo n'est pas nette à la base

Celle-là non plus:

https://www.be-charlie.com/img/p/7/7/77-home_default.jpg

 

Quel est le format envoyé lors de l'upload des images ? jpg ou png ?

Quelle est la taille de ces images envoyées ? 800 x 800 ?

Comment sont les réglages de qualité ?

Share this post


Link to post
Share on other sites

Alors celle- là : https://www.be-charlie.com/img/p/7/7/77-home_default.jpg : est envoyé en jpeg, fait 274KO, 685x1145

https://www.be-charlie.com/img/p/3/4/34-home_default.jpg : envoyé en jpeg, fait 213ko, 697x 1127

 J'ai fait des essais pour réduire le taille et poids de cette image ( https://www.be-charlie.com/index.php?id_product=13&id_product_attribute=48&rewrite=noe-fedora-black&controller=product&id_lang=1#/1-taille-s), mais l'image apparaît toujours flou sur la page d'accueil en mode mobile : jpeg, fait 94KO, 599x799.

 

Voilà les reglages qualité de ces images.

Capture d’écran 2018-02-12 à 23.15.48.png

Share this post


Link to post
Share on other sites

Ok

Alors déjà, vu que vos images sont toutes au format carré sur votre site, commencez par les envoyer également au format carré, vous éviterez un traitement de redimensionnement qui altère la qualité.

Ensuite, votre format le plus grand affiché sur votre étant 800 x 800 il est inutile d'envoyer des images d'une taille supérieure.

Faites donc le test en envoyant une image de bonne qualité en 800 x 800.

Share this post


Link to post
Share on other sites

J'ai essayé mais cela n'aide pas. Y a-t-il quelque chose à faire dans le code?

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More