Modifier la taille d’une image est un besoin récurrent dans le domaine du graphisme et de la création visuelle. On peut avoir besoin de recadrer ou de changer la taille d’une image pour l’adapter à un autre format, mais aussi pour l’ajuster en vue d’une impression ou d’une publication sur le web, sur un blog ou sur les réseaux sociaux.
On distingue deux types de redimensionnement d’image : la modification des bordures de l’image (c’est-à-dire des contours extérieurs), et la modification du visuel à l’intérieur d’un design. On vous explique ici comment modifier la taille d’une image avec un tutoriel pas à pas, sans oublier de vous rappeler les règles de base concernant la qualité d’une image.
Il est parfois nécessaire de modifier la taille d’une image, une photo, un montage ou un document. On parle ici d’une modification des dimensions extérieures d’un design. On a aussi souvent besoin d’adapter le format de l’image à l’utilisation que l’on veut en faire et/ou au support choisi. On peut donc vouloir changer la taille d’une image pour plusieurs raisons.
Vous disposez d’une image, et vous aimeriez l’intégrer dans un support d’une autre taille ? Il est pour cela nécessaire de modifier les dimensions de l’image. Ce peut être pour adapter une de vos images à une bannière, un post sur les réseaux sociaux, un diaporama, un flyer(s’ouvre dans un nouvel onglet ou une nouvelle fenêtre), une carte, etc. C’est à vous de définir la nouvelle taille de votre image en modifiant les dimensions de votre image selon votre utilisation.
Attention, veillez à garder les bonnes proportions lorsque vous redimensionnez la taille d’une image ! N’étirez pas l’image au risque de perdre en qualité, optez plutôt pour un recadrage. On revient sur ce point dans le paragraphe 7.
Bon à savoir : il est déconseillé d’agrandir une image pour une impression, afin d’éviter une perte de qualité de l’image. Essayez notre outil pour augmenter la résolution d’une image(s’ouvre dans un nouvel onglet ou une nouvelle fenêtre) pour gagner en netteté avant d’imprimer.
Pour une utilisation web, il faut être très attentif au poids de l’image. En effet, le poids d’une image définit d’une part la qualité d’un visuel, mais aussi le temps d’affichage de cette image sur une page web.
On réduit le poids d’une image et sa résolution principalement pour deux raisons :
Retenez que plus une image est légère, plus rapide est son affichage. Réduire le poids d’une image permet donc d’améliorer les performances de votre site web, tout simplement.
Un temps de chargement d’une page web trop long serait néfaste pour votre site. C’est d’une part un critère pris en compte par les moteurs de recherche : des images volumineuses peuvent avoir un impact sur votre référencement SEO. D’autre part, vous risqueriez de perdre les internautes les plus impatients : nous sommes maintenant habitués au chargement quasiment instantané d’une page web.
Donc si vous envisagez d’utiliser une même image pour une impression et pour un affichage web, il sera nécessaire de créer deux images aux dimensions, au poids et à la résolution différents ! On revient sur ce point dans la partie 3.
Lorsqu’on crée un design, une carte, un flyer ou tout autre montage photo, il est fréquent d’insérer une image dans sa création afin d’illustrer et de faire passer son message. Il est par contre nécessaire d’adapter la taille de l’image pour laisser la place aux autres éléments (texte, illustrations, autres photos, etc), mais aussi pour créer un design harmonieux.
Dans ce cas, vous devrez obligatoirement redimensionner la photo lorsque vous l’intégrez dans un visuel. Notez que vous pouvez redimensionner une photo en modifiant sa taille ou en la rognant, c’est-à-dire en la recadrant.
Une image numérique est constituée d’un ensemble de points que l’on appelle des pixels. Cette unité permet de mesurer la hauteur et la largeur d’une image. La résolution est quant à elle exprimée en nombre de pixels par pouce ou dpi (Dots Per Inch). Plus le nombre de dpi est grand, plus la qualité augmente (plus de points sur une surface, donc plus de précision), et plus le fichier est volumineux. Inversement, plus le nombre de dpi est petit, plus la qualité diminue (moins de points sur une surface), mais plus l’image est légère.
Il existe deux standards de résolution d’images :
On distingue 2 types d’images dans le design : les images vectorielles(s’ouvre dans un nouvel onglet ou une nouvelle fenêtre) et les images matricielles.
Une image matricielle est composée de pixels de petite taille, invisible à l’œil nu sauf lorsqu’on agrandit l’image. Les photos ainsi que tous les designs compressés aux formats JPG, GIF, PNG, TIFF, RAW, PSD sont par exemple des images matricielles,
Une image vectorielle est quant à elle composée de lignes et de formules mathématiques permettant de garder une bonne proportionnalité, mais surtout donnant la possibilité d’agrandir une image à l’infini sans qu’elle perde en qualité. On utilise les images vectorielles notamment pour des impressions de haute qualité ou des impressions de grande taille. Les formats gardant des proportions vectorielles sont les formats PDF, EPS et AI.
Un exemple pour comprendre la différence entre une image vectorielle et une image matricielle
Sur Canva, les illustrations, les icônes, les éléments, les lignes, les polices d’écriture ou encore les formes sont par exemple de type vectoriel. Il est par conséquent possible de les agrandir selon vos besoins sans modifier la qualité de l’élément. Mais une fois téléchargés aux formats PNG, JPG, ils perdent leur propriétés vectorielles, puisqu’ils sont compressés. Seul le format PDF garde les propriétés vectorielles sur Canva.
Pour résumer, si vous créez un design sur Canva en utilisant uniquement des éléments vectoriels, vous pourrez agrandir votre visuel à l’infini sans modifier la qualité de votre design. En revanche, si votre visuel est composé d’éléments matriciels ou de photos, des pixels pourront être visibles lors d’un agrandissement.
Si vous envisagez de modifier la taille de l’une de vos images, il est d’abord nécessaire de connaitre les dimensions de votre nouvelle image. Voici quelques tailles d’images standards notamment disponibles sur Canva, lorsque vous redimensionnez une image. Notez que les documents destinés au web sont indiqués en pixels, alors que les documents destinés à être imprimés sont indiqués en centimètres.
Tailles d’images pour les réseaux sociaux :
Tailles d’images pour le web :
Tailles d’images pour le print :
Vous trouverez plus d’informations sur les dimensions des images sur nos deux articles de blog :
Il existe plusieurs applications ou logiciels permettant de modifier la taille d’une image. Nous vous expliquons ici comment modifier la taille d’une image avec Canva.
Bon à savoir : vous pouvez choisir plusieurs formats à la fois. C’est un détail pratique pour déployer un nouveau visuel simultanément sur tous vos supports de communication (bannière Facebook, bannière Youtube, publication Instagram, etc), un un seul clic ! Vous pouvez également sélectionner les dimensions de votre choix, en sélectionnant « Dimensions sur mesure », en haut du menu déroulant.
Vous verrez directement en bas de la fenêtre un calcul de la future taille de votre image. Pensez à cocher « Échelle proportionnelle » si vous souhaitez conserver les proportions de l’image et éviter les déformations.
Paint est le logiciel de base utilisé pour modifier les images sur Windows.
La plupart des applications de design comme Canva ou Photoshop fonctionnent de la même façon pour modifier la taille d’une image dans un visuel. Voyons ici comment procéder avec Canva :
Sur certains programmes ou applications, il est nécessaire de maintenir appuyée la touche Ctrl (Windows) ou Commande (Mac OS) pour conserver les proportions lors d’une redimension.
Il est également possible de rogner une image dans le visuel, en cliquant sur le bouton « Rogner » ou « Recadrer ». Selon les logiciels ou les applications, il peut être nécessaire au préalable de sélectionner la partie de l’image à conserver avant de rogner, (ou de cliquer sur « Rogner »). Effectuez ensuite la modification et validez.
Avant de procéder à toute modification d’une image, recadrage ou redimensionnement, effectuez une copie de l’image et travaillez dessus, vous gardez ainsi l’original brut et sans modification. Ce peut être une bonne idée, notamment si vous commettez une erreur dans le redimensionnement ou si vous avez besoin de votre image pour une autre utilisation.
Vous prévoyez de réaliser une affiche, un flyer et une publication sur les réseaux sociaux avec un même visuel ? Démarrez toujours par le document le plus grand, c’est-à-dire l’affiche dans notre exemple. Une fois le design terminé, redimensionnez votre image par taille de document : commencez par le flyer puis terminez par la publication sur les réseaux sociaux. C’est un détail pratique important pour conserver une bonne qualité dans vos visuels !
L’erreur classique du débutant, c’est de modifier la taille d’une image et de l’adapter au nouveau format, sans se soucier de ses proportions. C’est ainsi qu’on peut voir des photos étirées, des polices déformées, etc ! Un conseil : veillez à toujours garder les proportions de votre design(s’ouvre dans un nouvel onglet ou une nouvelle fenêtre). Et comment faire lorsqu’on change de format ? Vous pouvez recadrer votre image pour l’adapter au nouveau format, ajouter éventuellement un cadre ou encore revoir légèrement la disposition des éléments si vous utilisez une application de création graphique comme Canva ou tout autre logiciel graphique.
Et tant que vous êtes dans la retouche de votre image, avez-vous pensé à ajouter un filtre photo(s’ouvre dans un nouvel onglet ou une nouvelle fenêtre), à retoucher légèrement votre image, à modifier les couleurs ou à ajouter du texte sur une photo(s’ouvre dans un nouvel onglet ou une nouvelle fenêtre) ? C’est le bon moment pour donner du peps à votre image !
Rédigé par
JR Galtier