Redimensionner une image avec Picnik

De Microfly.info.

(Différences entre les versions)
m (Page créée avec « Pour l'exemple suivant, nous considérons que les caractéristiques de l'images finale seront : (pour d'autres proportions voir [[Tailles des images pour un site internet#F... »)
m (→Marche à suivre)
 
(9 versions intermédiaires masquées)
Ligne 1 : Ligne 1 :
-
Pour l'exemple suivant, nous considérons que les caractéristiques de l'images finale seront :
+
[[Catégorie:Documentation Picnik]][[Catégorie:Documentation images]]
 +
== Description du cas ==
 +
{{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}})
 +
=== 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}}
(pour d'autres proportions voir [[Tailles des  images pour un site internet#Formats des images à uploader|formats des  images]])
(pour d'autres proportions voir [[Tailles des  images pour un site internet#Formats des images à uploader|formats des  images]])
-
{| class="tuto"
 
-
|-
 
-
!| Format paysage || Format Portrait
 
-
|-
 
-
|| {{WIDTH|1024px}} X {{HEIGHT|683px}} @ {{RESOL|72dpi}} {{FIMG|.jpg/80}}
 
-
|| {{WIDTH|683px}} X {{HEIGHT|455px}} @ {{RESOL|72dpi}} {{FIMG|.jpg/80}}
 
-
|}
 
-
 
-
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|XXXXpx}} X {{HEIGHT|XXXXpx}} @ {{RESOL|72dpi}} {{FIMG|.jpg/80}}
 
-
|}
 
-
pour redimensionner l'image aux dimensions définitives en conservant ses proportions,.
+
== Marche à suivre ==
{| class="tuto"
{| class="tuto"
|-
|-
Ligne 48 : Ligne 42 :
| [[Image:Picnik-005.png|400px|right]]
| [[Image:Picnik-005.png|400px|right]]
|}
|}
 +
 +
{{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
Récupérée de « http://docs.microfly.info/index.php/Redimensionner_une_image_avec_Picnik »