Pixlr express - Comment redimensionner des images

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, accessible par ce lien : https://pixlr.com/x/

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


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

Dans un nouvel onglet, ouvrez la page : https://pixlr.com/x/
Attention l'interface a changé depuis 2019, mais les principes généraux restent les même !

L'écran présente maintenant Pixlr, 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", premier bouton à gauche.

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-uploaded
Sélection 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
 Chargement du fichier "IMG_0010.jpg"

pixlr-express-01

 
Dans la partie gauche de la fenêtre vous trouvez un bouton nommé "Arrange", cliquez sur ce bouton et choisir l'effet "Resize image" (cette fonction permet de redimensionner une image, c'est cette fonction qui nous intéresse ici)
pixlr-express-02
 
Cliquez 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)
 
pixlr-express-04
Cliquez sur le bouton "Apply" pour appliquer les modifications dimensionnelles à l'image. Ceci prend quelques secondes.
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.
 
Modifiez le nom de l'image pour indiquer sa dimension en largeur, ici 400 pixels, puis cliquez sur le bouton "Save" pour sauver l'image à l'emplacement correct sur votre ordinateur.
pixlr-express-05
 
Choisir le dossier de destination de l'image redimensionnée
Fermez l'image en cliquant sur le bouton "Close"
pixlr-express-06
 
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 : image de 400px par 300px

IMG 0010-400px

  • Dernière mise à jour le .
  • Vues: 4603