ChoixPC + LDLC = cadeau    /    Les sponsors : rôles et fonctionnements

[S'inscrire]  [Aide (FAQ)]  [Rechercher]
[Connexion]  [Posts récents]  [Messages privés]
[Votre profil]  [Vos préférences]  [Sujets déplacés]
[Liste des membres]  [Stats]  [Accueil Site]  [Générateur]
[Accueil Forum] - Datation serveur (UTC+2) : 06:19
Forum ChoixPC » » Archives : Divers - blabla et le reste - » » Tutorial - réductions taille images.
Rechercher dans ce topic :
Mot clé :       Auteur :
Auteur Sujet : Tutorial - réductions taille images.
Favern
''Prince des sockets''


Inscrit: Jun 04, 2001
Messages: 14699
Posté le: 06-11-2003 à 17:50  | N° d'ordre sur la page en cours : 1 / 2 | N° d'ordre sur le topic : 1 / 2
Bonjour,

Ce tutorial a pour but de vous aider à utiliser les photos et à les adapter pour internet.
Nous utiliserons le logiciel gratuit "Embellish" qui est téléchargeable à partir de un de c'est 2 liens:
http://perso.wanadoo.fr/favern/tuts1/embwin.zip
http://www.dadaware.com/
Avant d'aller plus loin téléchargez-le puis installez-le.

Ce tutorial posséde beaucoup d'aquisitions d'écran ce qui implique le temps de chargement de celle-ci est un peu long.
Mais afin de permettre une lecture offline(déconnecté) vous pouvez télécharger cette version visualisable sous word:
http://perso.wanadoo.fr/favern/tuts1/images.zip




1 Modifier le format d'une image
2 Redimensionner une image
3 Découper une image




1-Modifier le format d'une image

Objectif: Être capable de modifier un format d'image afin de raccourcir le temps de chargement.
Notion: bmp, gif, jpg.

Intro:

Dans un souci de clarté j'ai fait ce petit résumé pour que l'on soit bien d'accord sur le vocabulaire employé. Je vais rester le plus simple possible donc n'ayez pas peur.


un nom de fichier est composé de 2 parties: Le nom et l'extension.
Par exemple celui-ci: marie.jpg
marie => nom de fichier
jpg => extension

L'extension permet de connaitre le type de fichier.
Par exemple les fichiers .doc sont notamment des fichiers word.

Bon, revenons à la photo. Dans ce domaine pour chaque extension est attribué un format donc le nom est identique. C'est à dire que si un fichier possède l'extension bmp, on dit que c'est un fichier au format bmp.
Il existe plusieurs formats de photos possibles, mais voici les plus connus et les plus utilisés:
bmp, jpg, gif. (Le JPG est également appelé jpeg).
Le bmp conserve vraiment toute la qualité mais le poid est tout à fait effrayant. Ce n'est même pas la peine d'essayer d'envoyer ce sty<b></b>le de photos sur internet. Les internautes n'attendraient pas la fin du téléchargement.
Le jpg et le gif sont 2 formats de compression différents. En général on préfére le gif pour le texte et le jpg pour les images. Mais en final le poid sera largement plus faible comparé à un bmp pour une baisse de qualité négligeable.

Donc sur le net la plus grande partie des photos sont au format jpg ou gif.

Pour modifier le format:
Ouvrir le logiciel Embellish

Après un petit message de bienvenue vous allez tomber ici:


Cliquez sur "Files" puis dans le menu déroulant cliquez sur "open".

Une nouvelle fenêtre va s'ouvrir. Là il faut lui indiquer le chemin d'accès de votre photo.


Puis cliquer sur "ouvrir".
Vous allez arriver ici:



Maintenant que l'image est ouverte, nous allons l'enregistrer sous le bon format:
Cliquer sur "File" puis sur "Save As".
Cette fenêtre vas s'ouvrir:


Cliquez simplement sur "JPEG" comme indiqué ici:

Et enfin cliquez sur "Save"


Il faut retenir que la taille d'une image est directement proportionnelle à sa taille. Donc plus l'image est grande et plus elle sera longue à télécharger. Vous trouverez des précisions au chapitre 1. C'est pourquoi je vous invite à aller lire le chapitre 2.




2-Redimensionner une image.

Objectif: Réduire la largeur ainsi que la hauteur d'une image afin de réduire son poids et sa taille.


Dans notre exemple je vais prendre cette image:



Mon but est de réduire de moitié sa largeur et sa hauteur. Mais vous pourrez bien entendu la réduire de 2/3 ou de 1/3...

Ouvrir le logiciel Embellish

Après un petit message de bienvenue vous allez tomber ici:


Cliquer sur "Files" puis dans le menu déroulant cliquer sur "open".

Une nouvelle fenêtre va s'ouvrir. Là il faut lui indiquer le chemin d'accès de votre photo.


Puis cliquez sur "ouvrir".
Vous allez arriver ici:



Cliquez sur "Edit" puis sur "Resize".

Cette fenêtre va s'ouvrir:



Cliquez sur Customs pour l'activer.
La case Width correspond à la largeur et la case Height correspond à la hauteur de l'image.
L'option "Constant aspect ration" permet de garder un rapport (une relation) entre la hauteur et la largeur. Donc n'y touchez pas.

Donc pour continuer notre exemple je divise par 2 la valeur de Witch. Et j'obtient 250.
Notez que la valeur de Height a également été divisée par 2.



Puis cliquez sur "Resize It". Et sur "Done"
Et là, les dimensions de l'image ont été réduites de moitié.

Maintenant 2 solutions s'offrent à vous.
-Soit vous voulez enregistrer votre image directement sur l'original. Donc cliquez sur "File" puis "Save". Vous pouvez quitter Embellish. Pour vous c'est terminé.
-Vous voulez enregistrer votre image sur un nouveau nom de fichier et ca continue:
Cliquez sur "File" puis sur "Save As".
Cette fenêtre va s'ouvrir:


Là vous pourrez indiquer le répertoire où vous désirez enregistrer l'image ainsi que le nom à attribuer au fichier. Une fois terminé, cliquez sur "Save".




3-Découper une image

Objectif: Prendre une photo et n'en garder qu'une seule partie. Soit dans le but de réduire la taille ou dans le but de garder une certaine confidentialité.


Ouvrir le logiciel Embellish

Après un petit message de bienvenue vous allez tomber ici:


Cliquer sur "Files" puis dans le menu déroulant cliquez sur "open".

Une nouvelle fenêtre vas s'ouvrir. Là il faut lui indiquer le chemin d'accès de votre photo.


Puis cliquez sur "ouvrir".
Vous allez arriver ici:



Cliquez sur ce bouton:



Une nouvelle petite fenêtre va s'ouvrir:



Cliquez sur ce bouton:



Placez le curseur au niveau de l'image et vous allez voir qu'il change de forme.
Maintenant nous allons délimiter la zone de la photo que nous voulons garder.
Cliquez sur un coin de la zone à conserver, maintenez le bouton appuyé et faites glisser la souris vers l'autre coin de cette zone.
Vous pouvez observer maintenant que la zone à garder à été délimitée par des pointillés.


Cliquez sur "Edit" puis sur "Copy". Puis cliquez sur "Edit" puis sur "Past as new".
Donc là vous allez voir qu'une nouvelle fenêtre va s'ouvrir contenant la zone délimitée par les pointillés.


Maintenant que l'image est ouverte, nous allons l'enregistrer sous le bon format et un nouveau nom :
Cliquez sur "File" puis sur "Save As".
Cette fenêtre va s'ouvrir :


Cliquez simplement sur "JPEG" comme indiqué ici :

Donnez un nouveau nom à votre photo dans la rubrique "Save As".
Et enfin cliquez sur "Save"





J'espère que tout ceci pourra vous aider. Si vous avez des suggestions n'hésitez pas.

Je remercie Kirin de nous avoir donné le nom de ce logiciel. Et également Pierre pour la correction orthographique

Favern



Rajout de Kirin:

"Les photos résultantes de ces travaux de retouche devront être envoyées sur un espace web afin de pouvoir être visualisées en ligne, cad notamment dans la case famille de votre profil : utilisez le compte FTP de votre FAI (Fournisseur d'Accès Internet) ou encore un espace gratuit comme celui de ifrance qui vous permettra de ne pas devoir faire appel à un client FTP.

La formule (à mettre et adapter dans votre profil) pour insérer une photo sera alors la suivante :

<img src="http://... adresse (url) complète et nom du fichier.jpg">"


_________________
o----[::::::::::::::>®L©
ChoixPC+ LDLC =Cadeau


[ Ce message a été modifié par: Pierre le 30-05-2010 à 12:49 ]


                                 --> Fct Warning : lire la FAQ svp.
Favern
''Prince des sockets''


Inscrit: Jun 04, 2001
Messages: 14699
Posté le: 06-11-2003 à 19:33  | N° d'ordre sur la page en cours : 2 / 2 | N° d'ordre sur le topic : 2 / 2
Message de Kirin:


Superbe travail ! Je pense que c surtout les forumeurs et forumeuses qui devront te remercier

Un futur prof d'informatique sommeillerait-il en toi ?

Je rajoute juste une info (sans rapport avec Embellish, je pense que tu as tout dis là ):


Les photos résultantes de ces travaux de retouche devront être envoyées sur un espace web afin de pouvoir être visualisées en ligne, cad notamment dans la case famille de votre profil : utilisez le compte FTP de votre FAI (Fournisseur d'Accès Internet) ou encore un espace gratuit comme celui de ifrance qui vous permettra de ne pas devoir faire appel à un client FTP.

La formule (à mettre et adapter dans votre profil) pour insérer une photo sera alors la suivante :

<img src="http://... adresse (url) complète et nom du fichier.jpg">


et cela donne, par ex, dans le profil de LN visible ici :

http://www.forumsbebearrive.com/bb [...] mp;user=1

et avec la formule et le texte suivant :

Mon kirin : <img src="http://www.choixpc.com/mini2.jpg">


Voilà : pour la mise en ligne sur des espaces d'hébergement des photos, EDIT de Pierre : vous trouverez une liste de sites ici : http://www.commentcamarche.net/faq [...] -fichiers


Amities

Seb




[ Ce message a été modifié par: Pierre le 30-05-2010 à 12:52 ]


                                 --> Fct Warning : lire la FAQ svp.
Forum ChoixPC » » Archives : Divers - blabla et le reste - » » Tutorial - réductions taille images. Haut de page | Posts récents