5 façons de redimensionner et d’optimiser les images pour le Web sous Linux

Il fut un temps où 5 Mo était la taille maximale raisonnable pour une pièce jointe à un e-mail. Aujourd’hui, il est facilement possible qu’une seule photo pèse 5 Mo. En conséquence, la taille maximale des pièces jointes est passée à, disons, 25 Mo. Mais bien sûr, la taille des fichiers devient de plus en plus grande, et donc la limite de pièces jointes finira par augmenter également. C’est un cycle sans fin, courant dans le monde numérique : les outils sont conçus pour les données d’aujourd’hui, et les données d’aujourd’hui augmentent en complexité et en taille jusqu’à ce que les outils soient révisés et améliorés. Vous devez contenir les données, de préférence dans le plus petit emballage possible, afin que leur partage en ligne soit plus rapide pour tout le monde. Voici cinq façons d’optimiser les images pour Internet.

Quelle taille d’image est bonne pour le Web ?

Tout d’abord, il existe deux types de “tailles” lorsque l’on parle d’images numériques. La taille de l’image représente le nombre de pixels de largeur et de hauteur d’une image lorsque vous la regardez sur votre écran. La taille du fichier représente le nombre d’octets sur un disque dur ou une carte SD utilisés par l’image. C’est le taille du fichier cela limite la facilité d’envoi de quelque chose sur Internet, car nous avons tous des allocations de bande passante différentes de nos fournisseurs Internet et de notre infrastructure. Bien sûr, plus le taille de l’imageplus le taille du fichierdonc les deux sont liés.

Pour éviter toute confusion, dans cet article, j’utilise le terme “taille d’image” pour désigner la largeur et la hauteur en pixels d’une image, et le terme “taille de fichier” pour désigner les octets sur un disque dur occupés par un fichier image.

Il est difficile de savoir exactement ce qu’est une taille d’image et une taille de fichier “raisonnables” pour une photo sur Internet ou envoyée par e-mail. Il y a cependant des attentes raisonnables. Si vous publiez une photo sur un site Web, que ce soit votre propre blog ou sur les réseaux sociaux, il est probable que plus les gens vont voir la photo à une résolution compatible avec tout ce qui se trouve dans les magasins. La taille de votre écran, au moins en 2022, est probablement de 1920 sur 1080 (haute définition ou HD) ou à peu près. Votre photo n’a donc probablement pas besoin d’être plus grande que 1920 par 1080. Même les personnes avec un écran deux fois plus grand que le vôtre pourraient laisser votre photo prendre le dessus. demi leur écran, ce qui est probablement suffisant.

L’autre partie de l’équation est le format de fichier. De nombreux formats de fichiers, tels que JPEG et PNG, impliquent une certaine compression. Plus la compression est importante, plus la taille du fichier est petite, mais trop de compression peut rendre une image floue. J’aime le format WEBP, qui a tendance à avoir une meilleure qualité que JPEG à une taille de fichier plus petite. Il est bien pris en charge par les applications d’imagerie et tous les principaux navigateurs Web.

1. Redimensionner une image avec Krita

L’application open source Krita est techniquement une application de peinture numérique, mais il s’agit également d’un très bon éditeur de photos. Je l’utilise pour charger une photo, la réduire à une taille raisonnable, puis l’enregistrer dans un format optimisé pour le Web.

Trois étapes faciles :

1. Allez à la Dossier menu et sélectionnez Ouvert pour ouvrir votre image dans Krita.

2. Allez à la Image menu et sélectionnez Redimensionner l’image à la nouvelle taille. Tapez la largeur ou la hauteur maximale à laquelle vous souhaitez redimensionner votre image.

3. Allez à la Dossier menu et sélectionnez Enregistrer sous et enregistrez l’image en tant qu’image WEBP. Krita est intelligent et passe à WEBP tant que vous utilisez le .webp extension lors de l’enregistrement de votre fichier (par exemple, myphoto.webp.)

Krita est disponible pour Linux, Windows et macOS.

2. Redimensionner une image avec GIMP

L’open-source Programme de manipulation d’images GNU (GIMP) est un éditeur de photos, et il peut redimensionner les images.

Trois étapes faciles :

1. Allez à la Dossier menu et sélectionnez Ouvert pour ouvrir votre image.

2. Allez à la Image menu et sélectionnez Redimensionner l’image. Tapez la largeur ou la hauteur maximale à laquelle vous souhaitez redimensionner votre image.

3. Allez à la Dossier menu et sélectionnez Exporter sous et enregistrez l’image en tant qu’image WEBP. L’application est intelligente et utilise WEBP tant que vous donnez le .webp extension lors de l’enregistrement de votre fichier (par exemple, myphoto.webp.)

Programme de manipulation d’images GNU (GIMP) est disponible pour Linux, Windows et macOS.

3. Redimensionner une image avec ImageMagick

La ImageMagick suite est un ensemble de commandes de terminal qui peuvent manipuler des images sans même ouvrir les fichiers dans une interface utilisateur. C’est un moyen rapide et efficace de modifier de nombreuses images en une seule fois.

Une étape facile :

$ convert 2022-09-09-PHOTO.JPG -scale 1920x myphoto.webp

Dans cette commande, convert est le composant d’ImageMagick qui effectue la conversion, et -scale est l’option qui redimensionne. La 1080^ L’argument spécifie que l’image convertie doit avoir une largeur de 1029 pixels et la hauteur (laissé vide après le x caractère) est calculé automatiquement.

ImageMagick est disponible pour Linux, macOS et Windows.

4. Archiver une image

Parfois, vous ne souhaitez peut-être pas redimensionner une image, mais vous devez tout de même réduire la taille du fichier (les octets que le fichier utilise sur votre disque dur ou votre carte SD.) Les images des appareils photo grand public, comme celles que l’on trouve dans les téléphones, sont souvent déjà très compressé, ce qui ne laisse pas grand chose à un ordinateur à optimiser sans le redimensionner. Cependant, les appareils photo professionnels prennent souvent des photos dans des formats qui supposent que vous ne voulez pas ou peu de compression, ce qui signifie que vous pouvez réduire la taille de fichier d’une image sans perte de qualité avec un bon utilitaire d’archivage.

Il existe plusieurs utilitaires d’archivage, et beaucoup sont peut-être déjà installés sur votre ordinateur. Par exemple, si votre ordinateur peut créer des archives ZIP, vous disposez déjà de l’algorithme de compression ZIP.

Deux étapes faciles :

1. Ouvrez un gestionnaire de fichiers sur votre ordinateur et localisez la photo que vous souhaitez compresser.

2. Faites un clic droit sur la photo et sélectionnez Compresse (sur certains systèmes d’exploitation, cela peut s’appeler Archive Au lieu.)

À condition qu’il y ait suffisamment de données non compressées dans votre image pour permettre la compression, la version de l’archive doit être plus petite en taille que l’original. Vous pouvez envoyer l’archive sur Internet et le destinataire peut désarchiver l’image avec

7-zip est un excellent outil d’archivage pour Linux, Windows et macOS.

5. Diviser une image

Si vous êtes un utilisateur Linux, vous pouvez utiliser le split commande pour couper une image en quelques morceaux différents d’une taille de fichier spécifique. Ensuite, vous pouvez envoyer les pièces à quelqu’un, et il peut réassembler le fichier en utilisant le cat commande.

Assumer le dossier 2022-09-09-PHOTO.JPG est de 6,7 Mo. Vous pouvez le couper en quatre morceaux en le divisant tous les 2 Mo. Sur ton ordinateur:

$ split 2022-09-09-PHOTO.JPG --bytes 2M
$ ls -l --human
[...] 6.7M Sep  7 14:50 2022-09-09-PHOTO.JPG
[...] 2.0M Sep  7 14:54 xaa
[...] 2.0M Sep  7 14:54 xab
[...] 2.0M Sep  7 14:54 xac
[...] 667K Sep  7 14:54 xad

Sur l’ordinateur du destinataire :

$ cat xaa xab xac xad > myphoto.jpg

Économiser de l’espace

Dans l’éternelle lutte entre la taille des fichiers et la capacité du support, il est probable que nous devrons toujours faire des concessions. L’utilisation d’outils open source pour économiser de l’espace via une compression avec perte, un archivage compressé sans perte ou via des solutions de contournement intelligentes est un excellent moyen d’économiser de l’espace et de maximiser la vitesse de communication. Bien sûr, une image vaut mille mots, mais il n’est pas nécessaire qu’elle occupe mille mégaoctets !