Redimensionner une image avec Picnik

De Microfly.info.

(Différences entre les versions)
m
m (Marche à suivre)
 
(6 versions intermédiaires masquées)
Ligne 1 : Ligne 1 :
[[Catégorie:Documentation Picnik]][[Catégorie:Documentation images]]
[[Catégorie:Documentation Picnik]][[Catégorie:Documentation images]]
== Description du cas ==
== Description du cas ==
-
Pour l'exemple suivant, nous considérons que les caractéristiques de l'images finale seront :
+
{{TODO|Clarifier et standardiser la description du cas - copies d'écran avec photo réelle}}
 +
=== Fichier "original" ===
 +
Une  image à haute résolution (chargée d'un appareil photo par  exemple), ayant la bonne orientation (paysage) et les bonnes  proportions (2/3) : [[Fichier:Exemple.jpg]]
 +
* Orientation paysage : ({{WIDTH|XXXXpx}} X {{HEIGHT|XXXXpx}} @ {{RESOL|72dpi}} {{FIMG|.jpg/80}})
-
(pour d'autres proportions voir [[Tailles des  images pour un site internet#Formats des images à uploader|formats des  images]])
+
=== Résultat recherché ===
 +
Pour cet exemple, nous considérons que les caractéristiques de l'image finale seront :
* Orientation paysage : {{WIDTH|1024px}} X {{HEIGHT|683px}} @ {{RESOL|72dpi}} {{FIMG|.jpg/80}}
* Orientation paysage : {{WIDTH|1024px}} X {{HEIGHT|683px}} @ {{RESOL|72dpi}} {{FIMG|.jpg/80}}
-
* Orientation portrait : {{WIDTH|683px}} X {{HEIGHT|455px}} @ {{RESOL|72dpi}} {{FIMG|.jpg/80}}
+
(pour d'autres proportions voir [[Tailles des  images pour un site internet#Formats des images à uploader|formats des  images]])
-
 
+
-
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) : [[Fichier:Exemple.jpg]]
+
-
* Orientation paysage : ({{WIDTH|XXXXpx}} X {{HEIGHT|XXXXpx}} @ {{RESOL|72dpi}} {{FIMG|.jpg/80}})
+
== Marche à suivre ==
== Marche à suivre ==
Ligne 42 : Ligne 43 :
|}
|}
-
{{Astuce|Astuce !|L'image traitée est au format paysage, la méthode est identique pour une image portrait.}}
+
{{Astuce|ASTUCE !|L'image traitée dans cet exemple est au format paysage, la méthode est identique pour une image portrait.}}
 +
 
 +
{{Retour|Formation rédacteurs TYPO3 |Retourner au plan de la formation rédacteur TYPO3}}

Version actuelle en date du 21 juillet 2011 à 14:42

Sommaire

Description du cas

TO DO: Clarifier et standardiser la description du cas - copies d'écran avec photo réelle

Fichier "original"

Une image à haute résolution (chargée d'un appareil photo par exemple), ayant la bonne orientation (paysage) et les bonnes proportions (2/3) : Fichier:Exemple.jpg

  • Orientation paysage : (Largeur XXXXpx X Hauteur XXXXpx @ Résolution d'image 72dpi Format d'enregistrement d'image .jpg/80)

Résultat recherché

Pour cet exemple, nous considérons que les caractéristiques de l'image finale seront :

  • Orientation paysage : Largeur 1024px X Hauteur 683px @ Résolution d'image 72dpi Format d'enregistrement d'image .jpg/80

(pour d'autres proportions voir formats des images)

Marche à suivre

  • ouvrir la page picnik dans une nouvelle fenêtre,
  • puis cliquer sur le bouton Bouton Upload a photo,
Picnik-001.png
  • dans l'onglet Onglet Edit, cliquer sur le bouton Bouton Resize,
Picnik-002.png
  • saisir la largeur désirée (New dimensions) Champs de saisie de donnée 1024,
  • la hauteur s'adapte automatiquement à Champs de saisie de donnée 683 grâce à la case à cocher Case à cocher Keep Proportions,
  • cliquer ensuite sur le bouton Bouton OK,
Picnik-003.png
  • dans l'onglet Onglet Save & Share :
  • saisir une nouveau nom de fichier (/!\ ne pas écraser l'original),
  • choisir le format Menu déroulant JPG (Best for most photos),
  • vérifier que "JPG Compression Quality" est à Menu déroulant 8,
  • cliquer ensuite sur le bouton Bouton Save Photo,
  • choisir le dossier d'enregistrement sur l'ordinateur local et cliquer sur le bouton Bouton Save,
Picnik-004.png
  • cliquer sur le bouton Bouton Close photo pour terminer.
Picnik-005.png

Icon-astuce-32x32.png L'image traitée dans cet exemple est au format paysage, la méthode est identique pour une image portrait.



Retourner à la page : Formation rédacteurs TYPO3