Le profil de DC Stories vous demande d'afficher une image aux dimension 265x80px. Ce format étant loin d'être courant et tout le monde n'étant pas doté d'un programme de modification d'images, voici un court tutoriel sur la manière de recadrer et de redimensionner une image sur windows.

Recadrer une image sur Windows

• Ouvrir l'image que l'on souhaite recadrer.
  
• Une fois l'image affichée, ouvrir le menu d'édition de l'image
  
  illustration en image :
  
  
• Utiliser la fonction Rogner, puis modifier manuellement la zone de selection en drag & droppant les bords du cadre. Le format de l'image sera affiché en dessous du bloc pour vous laisser savoir quand vous avez atteint les dimensions escomptées.
  
  illustration en image :
  
  
• Lorsque satisfait de votre croppage, cliquer sur enregistrer en haut à droite.
  

Resizer une image sur Windows

• Ouvrir l'image dans Paint (ouvrir Paint et drag & drop l'image depuis un dossier fonctionne)
  
• Une fois l'image affichée, cliquer sur le bouton Redimentionner
  
  illustration en image :
  
  
• Une fois la fenêtre de redimension ouverte, sélectionner Pixel et vérifier que Conserver les proportions est bien coché (au risque de déformer votre image)
  
  illustration en image :
  
  
• Cliquer sur ok. Lorsque vous êtes satisfaits, cliquer sur fichier > enregistrer sous
  

Recadrer et resizer une image sur Figma (windows & mac)

Figma est un programme de design web based qui possède une option gratuite. Ca signifie qu'il n'y a pas besoin d'installer quoi que se soit sur votre machine, ni besoin de payer quoi que se soit pour pouvoir utiliser ses fonctionnalités les plus basiques.

• Ouvrir Figma et se créer un compte gratuit
  
• Ouvrir un nouveau document de design
  
• Cliquer sur l'outil rectangle
  
  illustration en image :
  
  
• Une fois l'outil rectangle sélectionné, cliquer sur l'espace de travail pour générer un carré de 100x100
  
  illustration en image :
  
  
• Ensuite, se diriger vers la barre de design à droite de la page et modifier les valeurs W(width ou largeur) et H (height ou hauteur) pour la valeur désirée (ici 265x80px)
  
  illustration en image :
  
  
• Maintenant que la boite est aux bonnes dimensions, cliquez sur la boite grise en dessous de la catégorie Fill, qui ouvrira le menu de remplissage. Cliquer ensuite sur l'icone image, ce qui fera apparaitre la possibilité de cliquer sur le bouton Choose image comme sur l'image d'exemple
  
  illustration en image :
  
  
• Une fois votre image importée, modifier le drop down menu de fill vers crop. En mode fill, Figma recadre automatiquement l'image pour couvrir exactement la dimension de la boite. En mode crop, on peut controler quelle partie de l'image sera visible. Comme montré sur l'image exemple, la partie de l'image en opacité réduite est hors de la boite. Vous pouvez déplacer l'image dans la boite, ainsi que l'agrandir et la rétrécir (attention de garder la touche MAJ enfoncé si vous changer la taille de l'image pour ne pas la déformer). Les coins bleus montrent la délimitation du bloc qu'on a créé un peu plus tôt.
  
  illustration en image :
  
  
• Lorsque vous êtes satisfait de votre cadrage, simplement cliquer sur la zone de travail
  
• Pour enregistrer votre image, simplement cliquer sur le rectangle (soit directement sur la zone de travail soit dans le menu de gauche), puis appuyer sur le + à coté du mot Export dans le menu de droite. Une fois l'export ajouter, vous n'avez plus qu'à cliquer sur le bouton Export Rectangle 1
  
  illustration en image :