De Microfly.info.

Version du 21 juillet 2011 à 13:55 (voir la source) Jurij.acalinovic (discuter | contributions) m (→Redimensionner) ← Modification précédente		Version du 21 juillet 2011 à 13:56 (voir la source) Jurij.acalinovic (discuter | contributions) (→Exemples) Modification suivante →
Ligne 31 :		Ligne 31 :
	== Exemples ==		== Exemples ==
-	Pour les exemples suivants, nous considérons que les caractéristiques des images finales seront (pour d'autres proportions voir [[Tailles des images pour un site internet#Formats des images à uploader|formats des images]]) :
-	{| class="wikitable" border="1" cellspacing="0" width="800px"
-	|-
-	!| Format paysage || Format Portrait
-	|-
-	||
-	{| class="cleantable"
-	|-
-	| Largeur: || {{WIDTH|1024px}}
-	|-
-	| Hauteur: || {{HEIGHT|683px}}
-	|-
-	| Résolution: || {{RESOL|72dpi}}
-	|-
-	| Format: || {{FIMG|.jpg/80}}
-	|}
-	||
-	{| class="cleantable"
-	|-
-	| Largeur: || {{WIDTH|683px}}
-	|-
-	| Hauteur: || {{HEIGHT|455px}}
-	|-
-	| Résolution: || {{RESOL|72dpi}}
-	|-
-	| Format: || {{FIMG|.jpg/80}}
-	|}
-	|}
-	=== Redimensionner uniquement ===
-	Une image à haute résolution (chargée d'un appareil photo par exemple), ayant la bonne orientation (portrait ou paysage) et les bonnes proportions (2/3).
-
-	L'image à traiter (chargée depuis un appareil photo) : [[Fichier:Exemple.jpg]]
-	{| class="cleantable"
-	| {{WIDTH|1024px}} X {{HEIGHT|683px}} @ {{RESOL|72dpi}} {{FIMG|.jpg/80}}
-	|}
-
-	==== Avec l'outil en ligne [http://www.picnik.com/app picnik] ====
-	Redimensionner l'image, en conservant les proportions, aux dimensions définitives.
-	{| class="tuto"
-	|-
-	|
-	* ouvrir la [http://www.picnik.com/app page picnik] dans une nouvelle fenêtre,
-	* puis cliquer sur le bouton {{BTN|Upload a photo}},
-	| width="410px" | [[Image:Picnik-001.png|400px|right]]
-	|-
-	|
-	* dans l'onglet {{ONG|Edit}}, cliquer sur le bouton {{BTN|Resize}},
-	| [[Image:Picnik-002.png|400px|right]]
-	|-
-	|
-	* saisir la largeur désirée (New dimensions) {{INP|1024}},
-	* la hauteur s'adapte automatiquement à {{INP|683}} grâce à la case à cocher {{CAC|Keep Proportions}},
-	* cliquer ensuite sur le bouton {{BTN|OK}},
-	| [[Image:Picnik-003.png|400px|right]]
-	|-
-	|
-	* dans l'onglet {{ONG|Save & Share}} :
-	* saisir une nouveau nom de fichier (/!\ ne pas écraser l'original),
-	* choisir le format {{SEL|JPG (Best for most photos)}},
-	* vérifier que "JPG Compression Quality" est à {{SEL|8}},
-	* cliquer ensuite sur le bouton {{BTN|Save Photo}},
-	* choisir le dossier d'enregistrement sur l'ordinateur local et cliquer sur le bouton {{BTN|Save}},
-	| [[Image:Picnik-004.png|400px|right]]
-	|-
-	|
-	* cliquer sur le bouton {{BTN|Close photo}} pour terminer.
-	| [[Image:Picnik-005.png|400px|right]]
-	|}
	==== Avec le logiciel libre GIMP ====		==== Avec le logiciel libre GIMP ====

---

Version du 21 juillet 2011 à 13:56

TO DO: Compléter et séparer en plusieurs pages !

Sommaire 1 Contexte 2 Outils à utiliser 2.1 Redimensionner 2.1.1 Exemples 2.2 Recadrer 2.3 Rotation 3 Exemples 3.1 Avec le logiciel libre GIMP 3.2 Recadrer uniquement 3.2.1 Situation 1 3.2.2 Méthode 1 3.2.3 Situation 2 3.2.4 Méthode 2 3.3 Redimensionner puis recadrer 3.4 Recadrer puis redimensionner

Contexte

bla bla sur les images (http://fr.wikipedia.org/wiki/Image_num%C3%A9rique) + Tailles des images pour un site internet

bla bla sur les formats de fichiers (http://fr.wikipedia.org/wiki/JPEG)

Outils à utiliser

L'objectif étant de mettre les images à des dimensions optimales pour la publication sur un site internet, nous aurons principalement besoin de deux outils, soit utilisés individuellement, soit combinés : redimensionner et recadrer. Le cas échéant un troisième outil pourrait être utile : la rotation.

Redimensionner

Le redimensionnement d'une image est en réalité une mise à l'échelle : le redimensionnement permet de conserver le cadrage tout en réduisant les dimensions (largeur,hauteur) et le poids de l'image.

Exemples

• Redimensionner une image avec Picnik
• Redimensionner une image avec GIMP

Recadrer

Le recadrage permet de découper l'image et de n'en conserver qu'une partie. Il permet aussi de changer le format (orientation de l'image) : il est tout à fait envisageable de recadrer une image au format paysage vers le format portrait par exemple.

Rotation

TO DO:

Exemples

Avec le logiciel libre GIMP

TO DO:

Recadrer uniquement

Situation 1

Une image ayant la bonne orientation (portrait ou paysage). Le contenu visuel final correspondant exactement aux dimensions finales. Une exemple concret serait un original au format 4/3 par exemple.

Méthode 1

Situation 2

Une image dont nous voulons changer l'orientation (paysage vers portrait par exemple). Le contenu visuel final correspondant exactement aux dimensions finales. Un exemple concret serait un original au format paysage ayant pour hauteur la dimension de l'image au format portrait désirée.

Méthode 2

Redimensionner puis recadrer

Recadrer puis redimensionner

Retourner à la page : Formation rédacteurs TYPO3