Ne déformez pas vos photos : apprenez à les redimensionner

Ce contenu fait partie du dossier historique de Sitelicon. Il conserve les informations disponibles à la date de publication; les conditions, les outils et les exigences des plateformes peuvent avoir changé.

Contexte

Vous avez la photo parfaite, mais elle ne va pas bien dans l’espace que vous voulez placer. Le modèle de votre blog n’autorise pas les images carrées; ou le diaporama à la maison de votre site Web est trop long; ou les photos de vos produits ne sont pas toujours bien encadrées dans la liste de votre boutique en ligne, etc.

Chaque cas peut être traité différemment, nous vous montrons les solutions possibles… et ce que vous ne devriez jamais faire.

Imaginez que vous avez cette image et que vous devez la placer dans un espace carré:

http: / / www.contrabase.com / wp-content / uploads / 2015 / 03 / post-01.jpg

OPTION 1: DÉFORMAR

Si l’espace que vous avez est différent du format d’image, la solution facile est de survoler ou d’étirer la photo, mais, Fais gaffe ! C’est le pire choix de tous et **Tu ne devrais jamais le faire.**Si vous déformez votre logo ou vos photos, votre image et votre web perdent de la qualité. Il semblerait que vous négligez votre web et donner une impression “cutre”.

http: / / www.contrabase.com / wp-content / uploads / 2015 / 03 / post-02.jpg

OPTION 2: CENTRAR

Focus sur l’image C’est généralement la meilleure option. Dans la plupart des cas, cela signifie que les côtés de la photo seront coupés un peu, mais nous pouvons presque toujours nous passer d’une pièce. Le cadre de la photo est centré sur l’espace disponible. Ce serait quelque chose comme ceci:

http: / / www.contrabase.com / wp-content / uploads / 2015 / 03 / post-03.jpg

OPTION 3: AJUSTEMENT

De cette façon, nous mettons toute l’image dans l’espace que nous avons. Elle n’est pas coupée ou déformée, mais il y aura quelques marges dans l’espace laissé. Cette option est moins esthétique que la précédente, mais c’est la bonne solution quand il est important de montrer l’image complète.

http: / / www.contrabase.com / wp-content / uploads / 2015 / 03 / post-04.jpg

Avez-vous d’autres doutes ? Si vous avez besoin d’aide ou avez des problèmes avec la gestion de vos images sur le web, Contactez-nous- Oui.