Gestion d’image
Une image que l’on souhaite agrandir avec la loupe (en cliquant dessus) aura une largeur idéale de 800px. Son poids idéal est de 100ko (On sera attentif à ce poids surtout s’il y a plusieurs images dans la page.). On pourra s’étirer jusqu’à 400ko au besoin pour une image plein écran. Mais on ne voudrait surtout pas télécharger une image de 1Mo ou plus, ça ralentirait trop l’ouverture de la page (selon la vitesse internet du visiteur).
Voici les liens:
- Pour rapetisser le poids d’une image (pour un poids initial maximal de 5mo) : https://tinypng.com/
- 2e outil pour rapetisser le poids d’une image (à partir d’une image jusqu’à 10mo) : https://compressor.io/compress
- Pour garder la proportion d’une image (règle de 3) : https://andrew.hedges.name/experiments/aspect_ratio/
- Pour avoir des proportions précises ou pour modifier une photo : https://www.canva.com/photo-editor/
- Télécharge ta photo
- Clique sur « Resize » et renseigne la mesure la plus grande en largeur ou en hauteur, applique.
- Clique sur « Crop »
Si tu souhaites donner de nouvelles dimensions à ta photo (exemple) et qu’il te reste juste un oeil suite à l’opération « Crop », utilise en premier l’outil « Resize » en renseignant la plus grande mesure proportionnelle (largeur ou hauteur) et ensuite, tu pourras utiliser la fonction « Crop » pour choisir la portion de photo que tu choisis. Merci Marie-Christine pour le souci apporté et donc la précision que voici. 🙂
- Entre les proportions désirées
- Ajuste sur l’image
- Applique
- Download
- Pour alléger une image et garder les mêmes proportions. Faire la conversion de l’extension de l’image .png à l’extension .jpeg en cliquant ici. (Tu peux faire cette conversion pour un groupe de jusqu’à 20 images)
- Pour trouver des idées de couleurs relatives à une photo : https://www.canva.com/color-palette/
(Pour avoir une proportion précise sur Photo editor)
Les dimensions d’une image font en sorte que l’image choisie convient parfaitement à l’emplacement donné. Le poids, quant à lui, influence la vitesse d’ouverture de la page. Plus le poids sera petit, plus l’ouverture sera rapide.
On me pose la question : Est-ce le poids ou les dimensions d’une image qui serait le plus important? C’est une bonne question. La réponse dépend de notre priorité.
Nous souhaitons que les images choisies conviennent parfaitement aux emplacement choisis. Notre design s’en retrouve alors bonifié. Ce sont donc les dimensions qui joueront un rôle pour un « fit » parfait des visuels.
Nous souhaitons également une ouverture rapide de chacune des pages. (À noter que le temps d’ouverture sera variable selon la vitesse de connexion Internet des visiteurs.) En conclusion, les deux sont importants. 😉
Pour voir le comment en action, une petite vidéo de 5 minutes 25 secondes.
Dimensions et poids.