Tutoriel : recadrer une image avec Photofiltre pour créer un bandeau web

Classé dans : Blog, Création de site, Graphisme | 0

Vous souhaitez créer des images bandeaux pour vos pages, articles, sliders. Je vous propose un tutoriel en 2 étapes : tout d’abord, la réduction puis le recadrage de l’image avec Photofiltre 7.

Procédure

1 – Réduire la taille de l’image

Vos images initiales – que je vous invite à  conserver – ont de fortes chances d’être de taille surdimentionnée par rapport aux besoins d’affichage web. Il faudra donc les réduire à une tailles plus appropriées. Exemple, un bandeau web de 1200 à 1800 pixels (points qui composent l’image) est largement suffisant. Or une image issue d’un appareil photo peut faire 4000 pixels voire plus. Une telle taille est sans intérêt pour une page web.

Pour l’exemple, les images de ce tutoriel font entre 400 et 1400 pixels de largeur.

Dans Photofiltre, faire Fichier > ouvrir > télécharger l’image stockée dans le PC.

espace de travail photofiltre


Une fois l’image affichée, cliquer sur Image puis Taille de l’image.

espace de travail photofiltre image initiale


espace de travail photofiltre image initiale


Insérer dans le champ Largeur la nouvelle taille. Ne pas toucher au champ Hauteur. Vérifier que la case Conserver les proportions est bien cochée. Laisser la résolution 72… elle est adaptée au format web. Cliquer sur OK.

espace de travail photofiltre fenêtre de recadrage

2 – Recadrer l’image.

Une fois la bonne taille en largeur obtenue, il faut choisir la partie d’image qui sera l’objet du bandeau.

Aller dans Sélection, Paramétrage manuel.

recadrage-bandeau

 

 

 

 

 

 

 

 

 


Définir la taille du bandeau.

recadrage-bandeau

 

 

 

 

 

 

 

 

 

 

 

 

 


 

La sélection s’affiche.

recadrage-bandeau

Aller dans Image, Recadrer.

recadrage-bandeau

Le recadrage s’effectue.

recadrage-bandeau

Aller dans Fichier, Enregistrer sous. Nommer l’image.

recadrage-bandeau

Cliquer sur Enregistrer. A ce moment là, une fenêtre s’affiche vous proposant une compression de l’image.

Important : en cliquant sur le bouton Aperçu, vous pouvez voir la taille du fichier seloan le taux de compression. Choisir de préférence un taille en Ko inférieure à 150 si vous avez plusieurs images à placer dans une page web.


Autre tutoriel : Réduire la taille et le poids d’une image.