2018
IMAGES - Guide 2018 de la taille des images sur les réseaux sociaux - Blog du Modérateur
by 1 other (via)Pour faciliter la tâche des community managers et des designers, retrouvez ci-dessous toutes les tailles à connaître sur les réseaux sociaux.
Nous mettrons régulièrement à jour cette page pour que les tailles des photos sur les réseaux sociaux soient correctes.
N’hésitez pas à nous contacter si vous remarquez un changement de dimensions des images.
Vous pouvez cliquer sur le réseau social de votre choix pour accéder aux tailles des images :
Facebook, Twitter, Google+, Instagram, Pinterest, LinkedIn, YouTube, Tumblr, Snapchat, Weibo et WeChat
2014
CSS - box-sizing (box-sizing: border-box;)
Quand vous ajoutez la propriété box-sizing: border-box; à un élément, le padding et la bordure de cet élément n'augmentent plus sa largeur.
C'est tellement mieux que certains auteurs veulent que tous les éléments de toutes leurs pages fonctionnent de la même manière. Ils ajoutent donc ce bout de CSS à leurs pages :
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
Cela force tous les éléments à être toujours dimensionnés de cette façon plus intuitive.
IMAGE - Diminuer la taille d'une image
Avec ces 3 (ou 4) étapes, en particulier en jouant sur la résolution (étape 2) et la compression (étape 3), vous devriez trouver le réglage optimal. À vous de faire des essais pour trouver le bon équilibre entre résolution, qualité d'image et taille du fichier.
Voici une vidéo de démonstration des étapes 2 et 3 avec le logiciel The Gimp:
sebsauvage.net/temp/wink/gimp_jpeg_compress.html (Vidéo Flash, 5 Mo)
Lire aussi : Réduire la taille de photos avec Image Resizer
1
(3 marks)