Historique News



Suivez la Toile de Busyspider sur Twitter

@BusyspiderFr

Sommaire Plan du site
Vers Menu Bas

Les images : Gestion - Les extensions - Leurs formats


                 © www.busyspider.fr - Tutoriel mis en ligne le 20 mars 2012 - 08h00 - Refonte graphique sept 2013



Irfanview Gestionnaire images - Découverte




Au quotidien, pour ouvrir, visualiser, retailler une image, améliorer rapidement la netteté, faire vos captures d'écran, un manipulateur d'images est rapidement nécessaire.

Ma préférence va à IrfanView, gratuit et léger en installation et en version française. A vous de décider si vous voulez en faire votre logiciel par défaut pour traiter vos images sur votre PC.



Retrouvez sur le site Français IrfanView la présentation du logiciel
et les informations pour l'installation avec le module Français.


Tutoriel créé le 20 mars 2012 --- Copie non autorisée, sauf accord préalable. Merci de bien vouloir respecter la Loi sur la création intellectuelle. Merci de votre compréhension.
     © www.busyspider.fr - Les images : Gestion - Les extensions - Leurs formats    - Montage Images © www.busyspider.fr




IrfanView : Installation

Vous aurez deux fichiers à enregister sur votre PC, puis à installer, l'un après l'autre, le 2ème, la langue FR s'installera toute seule au bon endroit après l'installation du logiel principal. La version peut différer de celle présentée.


  Enregistrez les fichiers exe sur votre PC



Sur le site http://perso.univ-lemans.fr/~jfm/irfanview/ Prenez la dernière version proposée, puis sur le lien faîtes " clic droit, Enregister la cible du lien sous" : vous aurez un fichier binaire "iviewxxx_setup.exe" à enregistrer sur votre PC.

Faîtes de même pour enregistrer le module Français depuis le même site.



  Installez le logiciel
Fermer toutes les applications en route sur votre PC

Faîtes un double clic , sur le fichier binaire "iviewxxx_setup.exe" (enregistré sur votre PC)

Faîtes "Suivant" quand on vous le demande, décochez la barre Yahoo si vous le la désirez pas, cochez "Toutes les images" si vous désirez que le logiciel ouvre toutes vos images avec IrfanView.

On vous demandera alors si vous voulez modifier l'ouverture de vos images par défaut avec IrfanView : dîtes oui si vous choisissez d'utiliser ce logiciel. (vous aurez la possibilité de modifier si cela ne vous convient pas ensuite)

Puis là aussi, en double clic, sur le fichier binaire "frenchxxx.exe" (enregistré sur votre PC) installer le module français . Il va s'installer normalement au même endroit que votre logiciel IrfanView. Il suffira ensuite une fois le logiciel lancé : d'aller dans Options "Changer de langue" et d'indiquer "français".




Faire des captures d'écran

Vous pourrez faire facilement des captures d'écran avec IrfanView.

Mais avant, rendons nous la tâche plus facile en mettant l'icone de raccourci, dans la barre de lancement rapide pour avoir accès à votre logiciel d'un seul clic.



De-verrouiller la barre de lancement rapide. L'icone de raccourci installée sur le bureau lors de l'installation du logiciel, faîtes la glisser tout en bas sur la barre. Déplacer si besoin pour la position, verrouiller la barre : vous voilà fin prêt ...


Un appui sur la touche "Impr écran" de votre clavier et votre image d'écran est mise en attente dans le presse papier de windows. Reste à cliquer sur l'icone de raccourci d'IrfanView, puis une fois le logiciel ouvert de faire "CRTL" et "V" et voilà votre image collée. Nota : Pour ne capturer que la boîte de dialogue active, faire ALT et Impr écran.
Reste à l'enregister dans le répertoire de votre choix et avec l'extension souhaitée. (png, jpeg, gif)




Recouper rapidement l'image

Ouvrir une de vos images. Logiquement si vous avez autorisé l'association des fichers images avec IrfanView, celle-ci doit s'ouvrir directement avec ce logiciel.



Sélectionnez la partie d'image qui vous intéresse, en cliquant depuis l'angle gauche jusqu'à la bonne dimension.

Ajuster la sélection avec les <-> flèches de côtés,
puis avec le raccourci clavier faîtes CTRL + Y
votre image est alors coupée à la nouvelle sélection.




Insérer rapidement du texte

Ouvrir une de vos images. Logiquement si vous avez autorisé l'association des fichers images avec IrfanView, celle-ci doit s'ouvrir directement avec ce logiciel.



Sélectionnez une partie de l'image

Faire "CRTL" et "T"

Une boîte de dialogue s'ouvre : tapez le texte à l'endroit indiqué.
Choississez la police d'écriture souhaitée, sa taille, sa couleur ...
Rajoutez éventuellement un © ou la date si besoin, puis validez ... OK

Le texte est inséré sur votre image. L'emplacement ne vous convient pas ?
Faîtes CTRL   Z pour annuler et recommencer ou modifier le texte ou la police d'écriture.



                Un petite pause pour évoquer les images dans un site Web, leurs extensions, leurs formats ...



Les images et votre site Web

Quelles images pour un site web ?

Selon l'effet désiré il faudra privilégier une image en extention GIF par exemple pour une animation, une image en extention PNG pour la qualité de résolution et la compression sans perte, ainsi que le fait qu'elle peut être détourée et afficher un fond transparent ou bien une image JPG pour son faible poids (mais dont la qualité graphique pourra être moindre qu'en png, sachant que le format JPG ne gère pas la tansparence)

Dans tous les cas l'extension BMP est à proscrire pour insertion d'une image dans un site WEB, la taille (poids) d'une telle image est incompatible avec l'ouverture rapide d'une page Web.



Choisir le format des images de son site : JPEG, PNG ou GIF ?

PNG Portable Network Graphics -- GIF Graphics Interchange Format -- JPEG Joint Photographic Experts Group





Les images : Formats

Deux grands formats (catégorie) d'images : Matricielle et Vectorielle


  Image matricielle (Png - Jpeg - Gif)

"Une image matricielle ou image en mode point (ou en anglais image « bitmap » ou « raster ») est une image numérique dans un format de données qui se compose d'un tableau de pixels ou de points de couleur, généralement rectangulaire, qui peut se visualiser sur un moniteur d'ordinateur ou tout autre dispositif d'affichage RVB."

Infos : Source Wikipedia

De nombreux logiciels permmettent le traitement, montage d'images en matriciel, avec gestion des calques : le plus connu étant Photoshop et son équivalent en logiciel libre (gratuit) The GIMP




  Image Vectorielle(SVG)
"Une image vectorielle est redimensionnable sans perte de qualité, contrairement à une image matricielle
Une image vectorielle (ou image en mode trait), en informatique, est une image numérique composée d'objets géométriques individuels (segments de droite, polygones, arcs de cercle, etc.) définis chacun par divers attributs de forme, de position, de couleur, etc. Elle se différencie de cette manière des images matricielles (ou « bitmap »), dans lesquelles on travaille sur des pixels.

Par nature, un dessin vectoriel est dessiné à nouveau à chaque visualisation, ce qui engendre des calculs sur la machine. L'intérêt est de pouvoir redimensionner l'image à volonté sans aucun effet d'escalier. L'inconvénient est que pour atteindre une qualité photoréaliste, il faut pouvoir disposer d'une puissance de calcul importante et de beaucoup de mémoire.
"
Infos : Source Wikipedia

Scalable Vector Graphics ou SVG - graphique vectoriel adaptable- est un format de données conçu pour décrire des ensembles de graphiques vectoriels et basé sur XML.. (Voir la suite de l'article sur Wikipedia)

On retrouve ce format dans pas mal de logiciels : Adobe Flash par exemple, mais également dans un PDF ou bien Open Office. L'intégration d'images au format SVG dans un site web est désormais possible avec Les navigateurs SVG (Voir la suite de l'article sur Wikipedia)

Si l'on veut rester dans le logiciel libre, on peut citer ce logiciel de vectorisation : Inkscape qui permet la création d'images vectorielles, de les exporter en format SVG, mais également en PNG, ce qui associé à un montage d'image matricielle améliorera la qualité graphique et le rendu.





Retailler/Réajuster les images


Pour insérer dans un site Web, la taille (poids, dimensions) de vos images est importante.

"L'image idéale, de meilleure résolution, sera donc celle qui avec une dimension donnée, aura un poids le plus léger tout en gardant une qualité maximale ou au moins acceptable au jugement de l'oeil moyen."

Pour arriver à ce résulat, il faut jouer sur le taux de compression des images lors de l'enregistrement à la sortie de votre logiciel (IrfanView, Gimp ou autre). Voici un exemple avec IrfanView.

La première chose à faire est de Retailler/Réajuster les images pour que la hauteur, largeur soit compatible avec la page Web.

Votre image ouverte : En raccourci clavier CTRL +   R pour Retailler... la bôite de dialogue ci-contre s'ouvre. A vous de choisir la nouvelle dimension.

Soit fixe • Nouvelle taille comme les options proposées, soit en cochant.

• Sélectionner la nouvelle taille et en choisissant une nouvelle Largeur et Hauteur.

N'oubliez pas de cocher si ce n'est pas fait : √ Garder les proportions

Faîtes OK : les options de sauvegarde pour enregistrer l'image vous sont alors proposées.




Options de sauvegarde - Taux de compression

C'est ici que vous allez pouvoir choisir l'extension souhaitée à l'enregistrement de l'image et son taux de compression qui permettra de gagner quelques ko sans trop réduire la qualité.

A garder en mémoire :
• La compression d'une image en extension JPG se fera toujours avec perte de qualité. Le format JPG est déjà au départ un format de compression d'image. Il faut donc compresser avec discernement au risque d'avoir une image floue et/ou aux couleurs qui bavent.

• La compression d'une image en extension PNG, même en compression maxi sera sans perte de qualité de l'image.

• Le format BMP est à éviter Pas compressées les images sont bien trop volumineuses et incompatibles avec une page Web.




A titre d'exemple, voici des valeurs que l'on peut utiliser

Pour enregistrer en extension .jpg = 82% environ permettra de réduire le poids de l'image
en gardant une bonne qualité.

Pour enregistrer en extension .png = la compression maximale à 9 est conseillée,
l'image sera encore de très bonne qualité et d'un poids raisonnable.

Rappel : les images en .png permettent de gérer la transparence.

N'oubliez pas d' enregistrer votre image dans le répértoire souhaité et si besoin de lui donner un nom un peu différent de l'original pour justement garder votre épreuve intacte pour d'éventuelles autres utilisations.




Estimation et calcul du poids de votre image


"Le point par pouce (PPP) est une unité de précision communément utilisée pour définir la résolution d'un scanner (on parle de « finesse de numérisation »), d'une imprimante (on parle de « précision de l'impression ») ou d'une souris optique. Plus cette valeur est élevée, meilleure est la qualité "... Lire la suite sur Wikipedia : Point par pouce


Tutoriel créé le 20 mars 2012 --- Copie non autorisée, sauf accord préalable. Merci de bien vouloir respecter la Loi sur la création intellectuelle. Merci de votre compréhension.
     © www.busyspider.fr - Les images : Gestion - Les extensions - Leurs formats    - Montage Images © www.busyspider.fr



Cordialement Busyspider





MENTIONS LÉGALES


Sujets d'aide crées par © Busyspider
Cadre légal de la [Propriété intellectuelle des œuvres] Aucun copier/coller - même partiel n'est autorisé, y compris les © Images © Busyspider des tutoriels.

Pour faire référence à un sujet, news, tutoriel du site, insérer uniquement le lien url correspondant, merci.


INFORMATIONS LÉGALES

CONTACT





Joindre le site

A PROPOS - LIENS - PARTENAIRES

A PROPOS du SITE

Echange de liens

Suivre les NEWS et l'actualité

PLAN du site

Menu haut            ACCUEIL


http://www.busyspider.fr

PAS D'ASSISTANCE PAR EMAIL
Inscrivez-vous sur un forum d'entraide pour vos questions. Forum des utilisateurs de Free

CONFIDENTIALITÉ-GESTION COOKIES
Les statistiques de ce site, requièrent l'usage de cookie afin d'améliorer l'aide individuelle. Les données ne sont en aucun cas utilisées pour un autre usage, ni transmises à quiconque. Voir selon votre navigateur, les options à modifier, si vous ne souhaitez pas autoriser leur usage.

       site indépendant -- aucune pub

FIL
RSS
Historique
NEWS