La Robotique au Collège St Etienne, Strasbourg - Technologie 3e

Pixlr express - Comment redimensionner des images

Écrit par Daniel Schweyckart.

Réduire la dimension d’une image, pour quoi faire ?

Redimensionner-image

Les images d’illustration des articles du site internet sont généralement des photos prises lors des activités en classe avec votre appareil de photo numérique (APN) ou téléphone portable. Les dimensions en pixels sont généralement beaucoup trop grandes pour être contenues dans les articles, il s’agit donc de savoir redimensionner ces images à une dimension inférieure voulue.

Nous pourrions utiliser des logiciels installés sur l’ordinateur afin de réaliser cette action, mais les logiciels sont nombreux, pas toujours installés sur les ordinateurs c’est pourquoi nous utiliserons une « web app » c’est à dire d’une application exécutée sur un serveur web et accessible via le navigateur.

Cette application se nomme Pixlr Express et elle est intégrée au site internet, accessible via le menu Document > Web App Pixlr.com

Nous allons montrer par l'exemple les étapes de redimensionnement d'une image source vers une image de destination de dimension inférieure.

Nous avons dans un dossier sur notre ordinateur une image d'exemple qui possède une dimension de 700 pixels de large et 525 pixels de haut, nous allons la redimensionner à 400 pixels de large et 300 pixels de haut (nous conservons le rapport hauteur sur largeur pour ne pas déformer l'image)

Cliquez sur la première image, originale - 700 pixels de large, Cliquez sur la seconde image, réduite - 400 pixels de large

Image originale 700px IMG 0010-400px

Mode opératoire – réduction de la taille d’une image

ecran-pixlr-express-menu

Dans le menu Document, cliquez sur l'item "Web App Pixlr.com"

L'écran présente maintenant Pixlr Express, qui est la Web Application qui vous permettra d'appliquer des transformations diverses et rapides sur une image que vous devrez charger à partir d'un fichier situé dans un dossier de votre ordinateur de travail.

 
 
 
 
 
 
 
 
 
Cliquez maintenant sur le bouton "Open image from computer"

 open-image-from-computer

 

 

Ceci vous amène à choisir un fichier image dont vous souhaitez modifier les dimensions. Dans notre exemple nous allons charger le fichier "IMG_0010.jpg".

Ce fichier possède l'extension ".jpg" qui indique que ce fichier est au format JPEG.
image-uploadedSélection et chargement du fichier "IMG_0010.jpg"
 
Nous pouvons visualiser les propriétés de cette image :
  • Son nom : IMG_0010.jpg
    Le nom du fichier ne comporte ni espaces ni accents.
  • Son type : JPEG image
  • Son poids : 58 Ko
  • Les dates de création, de modification et de dernière ouverture : 15/06/2008
  • La dimension en pixel de cette image : 700 pixels de large et 525 pixels de haut
 
 
 
BasicDans la partie gauche de la fenêtre vous observez une vignette de l'image que vous venez d'ouvrir ainsi que le rappel des dimensions en pixels de celle-ci.
 
L'onglet "Basic" permet d'appliquer rapidement un effet parmis trois possibles :
  • Crop : cette fonction permet de rogner une image, et ainsi de recadrer celle-ci.
  • Resize : cette fonction permet de redimensionner une image, c'est cette fonction qui nous intéresse ici.
  • Rotate & Flip : cette fonction permet d'appliquer une rotation à l'image et de gérer la symétrie de celle-ci.
 
 
 
 
 
 
 
Basic-resizeCliquez sur la fonction "Resize"
 
Vous avez maintenant la possibilité d'indiquer les dimensions désirées pour votre image.
 
Nous avons saisi 400 dans la case "Width", la valeur de la case "Height" se remplira toute seule si nous activons la case à cocher "Constrain proportion" (elle permet de conserver le ration hauteur sur largeur, notre image ne sera pas déformée)
 
Cliquez sur le bouton "Apply" pour appliquer les modifications dimensionnelles à l'image. Ceci prend quelques secondes.
 
 
Basic-resize-done
L'écran suivant vous indique que le traitement est terminé, il ne vous reste qu'à cliquer sur le bouton "Save" pour sauvegarder l'image modifié sur votre ordinateur
 
 
 
 
 
 
 
 
 
 
save-as-image-400px
Choisir le dossier de destination de l'image redimensionnée, modifiez aussi le nom du fichier pour conserver votre photo originale.
Ici, le nom du fichier a été modifié avec l'ajout de la nouvelle largeur de l'image, soit 400 pixels
 
 
 
 
 
 
 
 
 
 
 
Attention il vous faudra impérativement respecter la règle de nommage des fichiers :

Ne jamais mettre d'espace dans le nom du fichier : (remplacer les espaces par des tirets -  ou bien des tirets bas _ )

Mauvais : nom du fichier photo robot.jpg   Bon : nom-du-fichier-photo-robot.jpg

Ne jamais accentuer les lettres qui composent le nom du fichier :

Mauvais : photo-été-modifiées.jpg   Bon : photo-ete-modifiees.jpg

 Visualisez le résultat de la transformation
resultat-resize