Modifier des images pour des sites mobiles: les mettre à l'échelle ou les couper?
C'est la première fois que je conçois un site Web qui a une version mobile.
Il s'agit de la taille d'origine des images (enfin, elles sont un peu plus grandes):
Il s'agit de la taille lorsqu'ils sont affichés dans les téléphones mobiles:
Je pense que l'image est devenue trop petite. Je me demandais si c'était une meilleure idée de couper l'image à la place (ou y a-t-il une autre suggestion?)
Ceci est mon site en direct:
Y a-t-il une raison pour laquelle vous devez montrer ce qui semble être le site Web complet sur une version mobile? Le mobile n'est pas seulement une version plus petite de l'utilisation du PC. C'est une façon différente d'interagir, et vous devez donc repenser ce qui est nécessaire pour que quelqu'un atteigne ce que vous pensez que son objectif est sur le site mobile.
En réponse à votre question sur les images, la bande passante mobile est souvent limitée et lente, donc obliger quelqu'un à télécharger une image en taille réelle uniquement pour lui montrer une version de résolution inférieure de l'image gaspille la bande passante et rendra votre site plus lent.
Si vous devez absolument montrer l'image, montrez une vignette et laissez les gens cliquer dessus pour l'image en taille réelle. Mais assurez-vous que l'image est nécessaire en premier lieu.
Je suis d'accord avec le commentaire ci-dessus. Réfléchissez bien aux informations requises sur la version mobile. Si l'image n'est pas requise, supprimez-la. Vous travaillez dans un espace limité, tenez-en compte.
Pour répondre à votre question: Si vous souhaitez conserver le graphique, vous devez le rendre lisible. Je suggère de présenter une image différente pour la version mobile.