Affichage des articles dont le libellé est technique. Afficher tous les articles
Affichage des articles dont le libellé est technique. Afficher tous les articles

lundi 22 août 2011

Réduire ses photos / créer une bannière simple

Ma copine Alphonsine m'a récemment demandé comment réduire une photo et faire une bannière simple. J'avais commencé à lui expliquer tout ça par mail, et puis je me suis dit que tant qu'à rédiger, autant que ça serve au plus grand nombre. Je pense qu'il y a pleins d'autres endroits qui expliquent ces manips, je ne fais qu'exposer ma manière de faire.


Pourquoi  est ce que je réduirais ma si jolie photo ?

1. Parce qu'elle est trop grosse en taille et qu'elle va mettre trois heures à s'afficher. Vous n'avez jamais reçu de grosse photo par mail ? On n'en voit qu'une partie, et on peste parce que ça met un temps fou à s'afficher.

Les éditeurs de blog propose en général plusieurs format d'affichage. Pour blogger, on a petit, moyen, grand, extra large et taille d'origine. Ce format d'affichage est indépendant de la taille de votre image (sauf si on choisit taille d'origine). A moins de vouloir proposer des photos destinées à l'impression, des images allégées suffisent donc pour le visuel et se chargeront bien plus rapidement.

2. Pour redimensionner précisément une image en hauteur ou en largeur. Je l'ai fait avec ma bannière pour qu'elle occupe la place maximale sans dépasser.


Je ne veux pas acheter de logiciel.

Ça tombe bien, moi non plus. Il existe une multitude de logiciels libres, il suffit de faire le bon choix. Pour redimensionner les photos, j'aime bien XnView, à télécharger par ici ou par là

XnView lit plus de 400 formats, c'est donc ma visionneuse d'image préférée.


Réduire la taille d'une image

Une fois XnViex installé, ouvrez votre image.


Mon image ici fait 3,2 Mo. Aucun intérêt de la publier telle qu'elle, puisqu'elle s'affichera quand même à la taille prédéfinie par blogger.
Cliquez sur Image - redimensionner pour arriver à cet écran :

 



Cochez Garder les proportions pour ne pas déformer l'image, puis choisir dans le menu déroulant Taille standard la taille d'image que vous souhaitez obtenir. J'utilise en général le format 640*480. On peut aussi préciser la taille en hauteur ou en largeur qu'on souhaite dans la partie taille écran. Cliquez sur Confirmer.




L'image est réduite et ne pèse plus que 75 Ko, soit environ 2% de son poids d'origine ! Dommage que ça ne marche qu'avec les photos.

Il ne reste plus qu'à faire Fichier - Enregistrer sous et choisir un autre nom si on souhaite conserver l'image d'origine.


Dis donc Sécotine, qu'est ce qu'on peut faire d'autre avec XnView ?

- tourner une photo,
- découper une photo pour ne garder que la partie intéressante,
- enlever les yeux rouges,
- ajuster les niveaux et les contrastes automatiques,
- faire des captures d'écran comme ce que j'ai utilisé ci-dessus,
- travailler par lot, par exemple redimensionner d'un coup pleins de photos. Ça marche aussi pour renommer, découper, ajouter un texte, effectuer une rotation ...

Voici ce que j'utilise le plus souvent, mais il y a aussi une partie Filtre pour tripatouiller encore plus les photos, on peut créer un diaporama, et surtout une collection d'image qui va nous servir à créer une bannière toute simple.


Créer une bannière toute simple avec plusieurs photos.

Cliquez sur Outils - Créer une collection d'images.


Cliquez sur Ajouter, choisissez les photos de votre bannière et confirmer pour les ajouter dans la liste des fichiers.

Pour une bannière simple horizontal, cochez Ajuster horizontalement dans les options, définissez l'espacement entre deux photos et la couleur de fond, puis appuyez sur Créer ...

Trop facile, non ?

Il ne reste plus qu'à redimensionner la bannière en largeur : Outils - redimensionner, choisir la largeur dans Taille écran (ma bannière fait 850 pixels), la hauteur va s'ajuster automatiquement, puis Fichier - enregistrer sous.



En changeant les options dans la boite de dialogue des collections d'images, il est également très facile de créer une mosaïque.


Encore plus ?

Ah nan, ça suffit pour aujourd'hui !  Par contre, si je n'ai pas été claire ou que vous souhaitez connaître d'autres précisions ou fonctionnalités, laissez moi un commentaire.
Related Posts Plugin for WordPress, Blogger...