lundi 8 octobre 2012

Optimiser les images de sa lettre

Gérer et optimiser vos images dans vos lettres d'informations.

Le choix du format HTML comme format de diffusion de vos lettres d'informations, vous permet de mettre en valeur votre message par l'insertion d'images et d'illustrations graphiques ce qui va améliorer la lecture de votre message en la rendant plus animée.
Généralement, ces images proviennent soit de votre bibliothèque d'entreprise, soit d'une bibliothèque d'images que vous aurez préalablement sélectionné sur le web. Dans la majorité des cas, les images choisis ne sont pas à la bonne dimension, au bon poids ou parfois vous souhaitez ne récupérer qu'une partie de l'image. Sans les bons outils, nous sommes souvent désemparées lorsqu'il faut optimiser, retailler ou modifier le format d'une image.
Notre article a pour objectif de vous donner quelques pistes afin de réaliser ce type d'opération sans engloutir votre budget communication.

Vous trouverez sur le net, de nombreux logiciels qui sont capables de vous permettre de retailler, d'extraire ou d'optimiser vos images. Loin d'être exhaustif, nous avons sélectionné et testé trois applications sur les environnements Mac et PC. L'investissement des deux premières applications restent raisonnables, un peu moins pour la troisième, mais on ne pouvait pas passer à côté de la référence actuelle du traitement d'image qu'est Photoshop.

Même si aujourd'hui la bande passantes des réseaux est de plus en plus performante, l'optimisation de vos images va vous permettre d'alléger le poids global de votre lettre et favoriser un affichage plus rapide dans les gestionnaires de courriers de vos destinataires.
1BleuPHOTOFILTRE 2BleuPIXELMATOR 3BleuPHOTOSHOP
PhtofiltreLogoCompatible PC
Version gratuite (selon usage) et version Pro . Budget inférieur à 50€.
LogoPixelMatorCompatible MAC
Budget inférieur à 50€
LogoPhotoshopCompatible MAC et PC
Budget supérieur à 400€
PROCEDURE
Commencer par effectuer une copie de sauvegarde de votre image origine.
♦ Pour recadrer/rogner votre image :
Ouvrir votre copie d'image avec Photofiltre phfiltre1
Votre écran se présente avec votre image au centre, une barre horizontale de menus et d'outils dans le haut, une barre verticale d'outils à droite.
Sélectionner dans la barre d'outils, l'outil "Sélection"phfiltre2 .
Sélectionner avec la souris la partie de l'image que vous souhaitez conserver. La partie sélectionnée est encadrée par un pointillé.
Sélectionner
dans le menu "Image", le sous-menu "Recadrer" (ou utiliser le raccourci Maj+ctrl+H).
Il ne vous reste plus à l'écran que la partie souhaitée.

♦ Pour redimensionner votre image :
Sélectionner
dans le menu "Image", le sous-menu "Taille de l'image". Une fenêtre apparaît vous permettant de saisir vos paramètres.
phfiltre4
Cocher l'option 'Conserver les proportions" pour effectuer un redimensionnement homothétique.
Saisir la longueur ou la hauteur en pixels.
Saisir la résolution (généralement 72 pour le web) puis valider.
phfiltre5
♦ Pour sauvegarder l'image modifiée :
Sélectionner dans le menu "Fichier", le sous-menu "Enregistrer sous".
phfiltre6
Choisir le format de l'image (gif ou jpeg). Eviter "png" pour l'emailing.
Sélectionner le répertoire d'enregistrement et valider.
PROCEDURE
Commencer par effectuer une copie de sauvegarde de votre image origine.
♦ Pour recadrer/rogner votre image :
Ouvrir votre copie d'image avec Pixelmator Pixelm1
Votre écran se présente avec votre image au centre, une barre horizontale de menus dans le haut, une barre verticale d'outils à gauche, deux autres fenêtres sur la droite.
Sélectionner dans la barre d'outils, l'outil "Rogner"Pixelm2 .
Sélectionner avec la souris la partie de l'image que vous souhaitez conserver. Pixelm3La partie non sélectionnée est opacifiée.
Valider
votre opération en cliquant en haut à droite sur le bouton "Rogner" Pixelm4.
Il ne vous reste plus à l'écran que la partie souhaitée. Pixelm5♦ Pour redimensionner votre image :
Sélectionner
dans le menu "Image", le sous-menu "Taille de l'image". Une fenêtre apparaît vous permettant de saisir vos paramètres.
Pixelm6
Cocher l'option 'Echelle proportionnelle" pour effectuer un redimensionnement homothétique.
Saisir la longueur ou la hauteur en pixels.
Saisir la résolution (généralement 72 pixels/pouce pour le web) puis valider.
Pixelm7
♦ Pour sauvegarder l'image modifiée :
Sélectionner dans le menu "Partage", le sous-menu "Exporter pour le web".
Choisir les options en haut de l'image telles que
• le format de l'image (gif ou jpeg). Eviter "png" pour l'emailing;
• la qualité de 0 à 100%. Le poids de l'image s'affiche à gauche, en jouant avec ce paramètre, il est possible de le baisser. Il faut alors trouver le bon compromis entre poids et qualité d'image.
Cliquer sur suivant pour finaliser l'enregistrement de votre image et sélectionner le répertoire d'enregistrement.
PROCEDURE
Commencer par effectuer une copie de sauvegarde de votre image origine.
♦ Pour recadrer/rogner votre image :
Ouvrir votre copie d'image avec Photoshopphotoshop1
Votre écran se présente avec votre image au centre, une barre horizontale de menus dans le haut, une barre verticale d'outils à droite ou à gauche, d' autres fenêtres sur la droite.
Sélectionner dans la barre d'outils, l'outil "Rogner"photoshop2 .
Sélectionner avec la souris la partie de l'image que vous souhaitez conserver. photoshop8La partie non sélectionnée est opacifiée.
Valider
votre opération en cliquant en haut à droite sur le bouton "Valider" photoshop4.
Il ne vous reste plus à l'écran que la partie souhaitée. photoshop5
♦ Pour redimensionner votre image :
Sélectionner
dans le menu "Image", le sous-menu "Taille de l'image". Une fenêtre apparaît vous permettant de saisir vos paramètres.
photoshop6
Cocher l'option 'Echelle proportionnelle" pour effectuer un redimensionnement homothétique.
Saisir la longueur ou la hauteur en pixels.
Saisir la résolution (généralement 72 pixels/pouce pour le web) puis valider.
photoshop7
♦ Pour sauvegarder l'image modifiée :
Sélectionner dans le menu "Fichier", le sous-menu "Enregistrer pour le web".
Choisir les options à droite de l'image telles que
• le format de l'image (gif ou jpeg). Eviter "png" pour l'emailing;
• la qualité. Le poids de l'image s'affiche sous l'image, en jouant avec ce paramètre, il est possible de le baisser. Il faut alors trouver le bon compromis entre poids et qualité d'image.
Valider pour finaliser l'enregistrement de votre image et sélectionner le répertoire d'enregistrement.
Voilà, avec ces informations, vous devriez être capable à présent de retailler ou d'optimiser vos images pour vos lettres d'informations.

Chantal KERMAIDIC
Responsable de la communication

Aucun commentaire:

Publier un commentaire