Plusieurs personnes m’ont fait part de leur difficulté à redimensionner des photos à des dimensions précises sans perte de qualité ou déformation. Aussi je vais tenter de vous expliquer clairement les principes et la marche à suivre. En plusieurs parties car cela risque d’être un peu long et pas vraiment passionnant …
Tout d’abord, mais qu’est ce qu’il m’a pris de vous imposer des dimensions précises, et pas pratiques, pour les photos à déposer sur Topmiam ? 
Il y a plusieurs raisons :
Vous avez du remarquer, comme moi, que les photos affichées sur les différents blogs de cuisine ne sont pas toutes de la même taille de l’un à l’autre. Ni dans le même “sens”, parfois en hauteur et d’autre fois en largeur. Il n’y a pas de “standard” et chacun(e) choisit ce qui lui plait. Donc, impossible de définir des dimensions qui s’adapteraient à tout le monde.
Ensuite, je voulais pour Topmiam un affichage bien propre, avec des vignettes qui s’alignent joliment. Imaginez que chaque photo déposée s’affiche dans sa taille originale … Il y en aurait dans tous les sens !! Ce serait un vrai b … binz 
Et puis, le fait de limiter les dimensions permet aussi de limiter le poids des photos. Sans entrer dans des détails techniques, en général, plus une photo est grande, plus elle est “lourde” et donc longue à charger sur une page Web. Trop de photos lourdes sur une même page provoqueraient un temps de chargement et d’affichage de cette page bien trop long. Et beaucoup (moi !) n’aurait pas la patience d’attendre que toutes les photos s’affichent.
J’ai donc fait des calculs “savants” afin que les photos s’affichent par 3 sur une ligne et que la barre de menu droite soit visible dans une page Web avec une résolution d’écran standard … Bla bla bla … Bref ! j’ai du faire un choix : 225 px de large par 250 px de hauteur. px = pixel
Avant de vous expliquer la marche à suivre dans un programme ou logiciel, je vous propose une petite démonstration en image de redimensionnement de photos.
Lorsque vous prenez une photo avec votre appareil photo numérique, les dimensions de la photo sont déterminée par la résolution de son capteur (en millions de pixel).
Ainsi, si votre appareil propose une résolution de 2 millions de pixels, la photo fera 1600 x 1200 (1600 pixels de largeur par 1200 pixels de hauteur) … Pour 3 millions de pixels 2048 x 1536, pour 4 millions de pixels 2272 x 1704, pour 5 millions de pixels 2592 x 1944, pour 6 millions de pixels 2720 x 2160 … etc …
Quand on désigne les dimensions d’une photo numériques, en particulier pour Internet, c’est sous la forme ” largeur x hauteur ” et il s’agit, en général, de pixels comme unités même quand cela n’est pas précisé.
Petite info : pour les écrans d’ordinateurs, on parle aussi de résolution et en pixels : la plus utilisé est 1024 x 768. Cela signifie une photo de 2592 x 1944 pixels ne pourra pas s’afficher en taille réelle sur votre écran.
Il est possible également de régler, dans le menu de son appareil photo, la taille ou résolution des photos
Prenons l’exemple d’une résolution de 5 millions de pixels (mon appareil). Lorsque je charge les photos sur mon ordinateur, elles sont “énormes” et font donc 2592 x 1944 pixels. Alors que moi je les veux en dimension 225 x 250 pixels pour Topmiam !
Illustration en image ci-dessus ( à l’échelle mais l’image est réduite car elle ne rentrerait pas sur l’écran ) : que ma photo ait été prise en hauteur ou en largeur, il va falloir la redimensionner afin de la faire entrer dans le petit carré noir, qui représente les dimensions que je cherche à obtenir. Ce carré noir, symbole des dimensions à atteindre, va être utilisé comme un “repère” dans la suite des explication.
Avant tout, la règle à respecter, THE règle, afin de réduire les dimensions d’une photo sans la déformer, c’est de réduire autant la hauteur que la largeur. D’appliquer le même pourcentage de réduction à la largeur et à la hauteur de la photo. C’est ce que l’on appelle conserver les proportions.
Il arrive qu’on ait de la chance … Si par exemple la photo finale devait faire 259 x 194 px, ce serait parfait, il suffirait de réduire à 10% les dimensions sans se préoccuper de conserver les proportions.
Mais avec Topmiam ( et avec d’autres, il n’y a pas que moi qui suis casse pieds ), vous n’avez pas de chance ! Si j’applique à ma photo prise en hauteur, ou à celle en largeur, les dimensions de 225 x 250 px sans chercher à conserver les proportions, au risque de diminuer plus la hauteur que la largeur ou vice versa, j’obtiens des photos aux bonnes dimensions mais déformées.
Alors il faut être agrégé en maths pour redimensionner les photos ? Mais non ! Vous avez un ordinateur ? Il sait le faire : c’est la case “Conserver (ou garder) les proportions”
Donc ce qu’il faut retenir, peu importe les chiffres, c’est que le % de réduction appliqué en hauteur et en largeur doit toujours être le même pour que la photo ne soit pas déformée.
Oui mais alors comment faire dans le cas de Topmiam ? simplement se résoudre à “perdre” une partie de sa photo … Ma photo ne pourra entrer entière dans le carré noir donc j’en supprime une partie.
Cas N°1 : ma photo prise en largeur (exemple ci-dessus). J’ai commencé par redimensionner la hauteur à 250 px en conservant les proportions. Ce qui signifie que le % de réduction appliqué sera le même en hauteur et en largeur.
Pourquoi redimensionner d’abord la hauteur ? parce que la photo étant plus large que haute, de cette façon, ma photo ne pourra pas être plus petite que les dimensions que je cherche à obtenir. Ensuite, il ne me reste plus qu’à supprimer ce qui déborde
Cas N°2 : photo prise en hauteur (exemple ci-dessous). Même raisonnement mais dans l’autre sens. J’ai commencé par réduire la largeur à 225 px, en conservant les proportions, puisque la photo est plus haute que large.
Je m’arrête là pour cette première partie qui est déjà longue et surement rébarbative mais une fois que l’on a bien compris tout cela et que l’on a admis que, quelquefois, il allait falloir supprimer une partie de sa photo, c’est vraiment un jeu d’enfant de redimensionner des photos sans les déformer !
La suite très bientôt … Le redimensionnement avec un programme ou un logiciel spécifique parce que après le bla bla, on passe à l’action !
Si mes explications ne sont pas claires ou si vous avez des questions, n’hésitez pas à vous manifester
Pour cette 3e partie du dossier “Redimensionner des photos”, je vous propose un autre cas pratique avec l’outil en ligne Web Resizer
Pour cette 2e partie du dossier “Redimensionner des photos”, je vais vous proposer un cas pratique : un redimensionnement avec l’outil en ligne 