Aller au contenu principal

Éditeur d'images

L'éditeur d'images intégré de Copera vous permet d'annoter captures d'écran et images directement dans n'importe quel message de chat — sans outil de capture séparé. Collez ou glissez une image dans un canal texte, un message direct ou un chat de groupe, et l'éditeur s'ouvre automatiquement avec six outils (sélection, stylo, flèche, texte, rectangle, ellipse), huit couleurs prédéfinies plus une saisie hex personnalisée, trois épaisseurs de trait et un bascule de remplissage pour les formes. Que vous signaliez un bug, donniez un retour design ou masquiez du contenu sensible, vous annotez et envoyez l'image en quelques secondes.

Quand l'éditeur d'images apparaît​

L'éditeur d'images s'ouvre automatiquement dès que vous joignez une image à un message de chat. Après avoir déposé une image dans une conversation ou collé une capture d'écran, un aperçu plein écran s'ouvre avec les outils d'édition prêts. Vous pouvez envoyer l'image telle quelle ou l'annoter d'abord.

L'éditeur est disponible depuis :

  • Canaux texte -- Lorsque vous joignez ou collez une image dans n'importe quel canal de chat.
  • Messages directs -- Lorsque vous envoyez une image à un collègue en DM.
  • Chats de groupe -- Lorsque vous partagez une image avec un groupe.

Vous pouvez envoyer plusieurs images dans un même message. Chaque image dispose de son propre éditeur, pour annoter chacune indépendamment avant de les envoyer ensemble.

Premiers pas​

Voici un flux de travail typique avec l'éditeur d'images :

  1. Collez ou glissez une image dans la zone de message de chat.
  2. L'aperçu de l'image s'ouvre en plein écran avec la barre d'outils de l'éditeur en bas.
  3. Sélectionnez l'outil dont vous avez besoin (stylo, flèche, texte, rectangle ou ellipse).
  4. Dessinez sur l'image pour ajouter votre annotation.
  5. Modifiez les couleurs ou les épaisseurs de trait selon vos besoins.
  6. Saisissez votre message dans la zone de texte en bas.
  7. Cliquez sur Send pour partager l'image annotée.

Si vous décidez de ne pas envoyer, cliquez sur le X en haut à gauche pour fermer l'aperçu. Copera demande une confirmation pour éviter de perdre vos annotations par erreur.

Outils d'annotation​

La barre d'outils propose cinq outils de dessin plus un outil de sélection. Chacun est conçu pour un type précis de marquage.

Sélection​

L'icône curseur est l'outil de sélection. Cliquez dessus pour arrêter de dessiner et passer en mode sélection. En mode sélection, vous pouvez :

  • Cliquer sur une annotation existante pour la sélectionner.
  • Faire glisser les annotations sélectionnées pour les déplacer.
  • Les redimensionner ou les transformer à l'aide des poignées d'angle.
  • Ouvrir le menu de sélection avec des options de mise en forme rapide et de suppression.

Utilisez l'outil de sélection dès que vous voulez ajuster, repositionner ou supprimer quelque chose que vous avez déjà dessiné.

Stylo​

L'icône crayon est l'outil de dessin libre. Cliquez et faites glisser pour dessiner n'importe quelle forme ou ligne --- signatures, gribouillis, cercles approximatifs, notes manuscrites. Le stylo suit exactement le mouvement de votre curseur.

Idéal pour :

  • Entourer quelque chose d'une boucle dessinée à la main.
  • Écrire une courte note manuscrite.
  • Souligner un mot ou une zone.

Flèche​

L'icône flèche dessine une ligne droite avec une pointe de flèche à une extrémité. Cliquez pour définir le point de départ, faites glisser jusqu'à l'endroit visé, puis relâchez.

Idéal pour :

  • Pointer un bouton ou un élément précis.
  • Indiquer une direction sur une carte ou un schéma.
  • Relier deux parties d'une image par un lien visuel clair.

Texte​

L'icône texte ajoute un libellé textuel sur l'image. Cliquez n'importe où sur l'image pour placer une zone de texte, puis saisissez votre message. Appuyez sur Échap ou cliquez à l'extérieur du texte pour terminer.

Idéal pour :

  • Étiqueter des éléments d'une capture d'écran.
  • Ajouter une légende ou une note.
  • Mettre en avant une valeur précise comme un prix ou un score.

Rectangle​

L'icône rectangle dessine une boîte rectangulaire. Cliquez et faites glisser pour définir la taille. La forme peut être un contour ou un rectangle plein (voir Remplissage ci-dessous).

Idéal pour :

  • Mettre en évidence une zone précise d'une capture d'écran.
  • Marquer une région à masquer ou à modifier.
  • Encadrer une portion d'image pour l'accentuer.

Ellipse​

L'icône cercle dessine une ellipse (ovale ou cercle). Cliquez et faites glisser pour définir la taille. Comme les rectangles, les ellipses peuvent être en contour ou remplies.

Idéal pour :

  • Entourer un visage, un logo ou un autre objet arrondi.
  • Mettre en évidence un point clé avec un style plus doux que les rectangles.

Couleur et épaisseur​

La barre d'outils inclut des contrôles pour modifier l'apparence de vos annotations.

Sélecteur de couleur​

Survolez le nuancier pour afficher une palette de huit couleurs prédéfinies plus une saisie de couleur personnalisée :

CouleurUsage typique
RougeErreurs, avertissements, problèmes critiques
OrangeAttention, mise en garde
JauneSurlignages, conseils
VertSuccès, validations, bons exemples
BleuInformations, liens, annotations générales
VioletAppels spéciaux, catégories
NoirAnnotations neutres sur images claires
BlancAnnotations neutres sur images sombres

Pour une couleur hors palette, utilisez la saisie hexadécimale en bas du sélecteur.

Épaisseur de trait​

Utilisez le bascule S / M / L pour choisir l'épaisseur des traits de stylo, flèches et contours de formes :

  • S (Small) -- 2 pixels, pour les détails fins.
  • M (Medium) -- 4 pixels, la valeur par défaut.
  • L (Large) -- 8 pixels, pour des annotations bien visibles.

Pour l'outil texte, S/M/L contrôlent la taille de police (16, 24 ou 32 pixels). Cela maintient une hiérarchie typographique lisible lorsque vous combinez texte et dessins.

Bascule de remplissage pour les formes​

Lorsqu'un rectangle ou une ellipse est sélectionné, l'icône seau de remplissage apparaît dans le menu de sélection. Cliquez pour basculer entre :

  • Outlined -- Seul le contour est dessiné. Utilisez-le pour mettre en évidence une zone sans masquer ce qu'elle contient.
  • Filled -- Toute la forme est remplie de la couleur sélectionnée. Utilisez-le pour couvrir ou masquer complètement une partie de l'image.

Le passage entre rempli et contour est instantané --- pas besoin de redessiner la forme.

Modifier et réorganiser les annotations​

Une fois quelque chose dessiné, vous pouvez continuer à l'affiner.

Sélectionner​

Cliquez sur une annotation avec l'outil de sélection pour la sélectionner. Un cadre apparaît autour, et le menu de sélection s'ouvre avec des options contextuelles.

Déplacer​

Faites glisser une annotation sélectionnée pour la repositionner n'importe où sur l'image.

Redimensionner​

Saisissez les poignées d'angle d'une forme, flèche ou zone de texte sélectionnée et faites glisser pour redimensionner. Cela fonctionne pour les rectangles, ellipses, flèches et zones de texte.

Modifier les propriétés après le dessin​

Avec une annotation sélectionnée, le menu de sélection affiche :

  • Nuanciers -- Changez la couleur sans redessiner.
  • Épaisseur de trait ou taille de police -- Ajustez l'épaisseur ou la taille du texte.
  • Bascule de remplissage -- Pour les formes, basculez entre contour et rempli.
  • Duplicate -- Copiez l'annotation et collez-la légèrement décalée pour des répétitions rapides.
  • Delete -- Supprimez immédiatement l'annotation.

Annuler et rétablir​

La section History de la barre d'outils propose trois contrôles :

  • Undo (flèche courbe vers la gauche) -- Revenez en arrière dans vos annotations une par une.
  • Redo (flèche courbe vers la droite) -- Réappliquez une annotation annulée.
  • Clear all (icône corbeille) -- Supprimez toutes les annotations de l'image d'un coup.

L'annulation et le rétablissement couvrent tout l'historique d'édition, pour expérimenter librement sans craindre les erreurs.

astuce

Si vous effacez tout par accident avec le bouton corbeille, appuyez immédiatement sur annuler. L'effacement est réversible tant que vous n'avez pas fait d'autre modification.

Envoyer une image annotée​

Lorsque vos annotations vous conviennent, envoyez l'image comme n'importe quel autre message :

  1. Saisissez le texte d'accompagnement dans le champ en bas (facultatif).
  2. Appuyez sur Entrée ou cliquez sur le bouton send.
  3. L'image est envoyée avec toutes vos annotations intégrées, de sorte que les destinataires les voient comme partie de l'image elle-même.

Comme les annotations sont aplaties dans l'image finale, les destinataires n'ont besoin d'aucun visualiseur ni logiciel particulier pour les voir --- votre image annotée apparaît de la même façon pour tout le monde.

Cas d'usage courants​

Rapports de bugs​

Prenez une capture d'écran d'un bug, puis annotez :

  • Rectangle rouge autour de l'élément défectueux.
  • Flèche rouge pointant le problème exact.
  • Libellé texte avec une brève description de ce qui ne va pas.

Envoyez l'image annotée dans votre canal de suivi des bugs pour un rapport visuel clair.

Retours design​

Partagez une maquette et annotez-la avec vos retours :

  • Coches vertes (dessinées à la main avec le stylo) à côté de ce qui est bien.
  • Cercles orange autour des éléments à ajuster.
  • Appels de texte expliquant quoi changer et pourquoi.

Votre designer dispose ainsi d'une liste de tâches visuelle précise plutôt que d'un retour verbal vague.

Annoter des documents​

Si vous partagez une page PDF ou la photo d'un document papier :

  • Stylo jaune comme surligneur sur le texte important.
  • Rectangle autour d'un passage clé.
  • Notes texte dans les marges pour poser des questions.

Cela transforme n'importe quelle image en document annoté sans éditeur PDF.

Masquer du contenu sensible​

Avant de partager des captures d'écran publiquement ou avec des clients :

  • Rectangles noirs remplis sur les noms, e-mails ou autres informations personnelles.
  • Ellipses noires remplies sur les visages ou logos à cacher.

Vous partagez ainsi un contexte utile tout en préservant la confidentialité.

Attirer l'attention​

Pour l'onboarding de nouveaux membres ou la formation d'un collègue :

  • Flèches pointant les boutons à cliquer.
  • Libellés texte numérotés (1, 2, 3) indiquant l'ordre des étapes.
  • Rectangles colorés regroupant des contrôles liés.

Une capture bien annotée est souvent plus rapide et plus claire que des instructions écrites.

Conseils et bonnes pratiques​

astuce

Utilisez les couleurs de façon cohérente dans l'équipe. Si tout le monde utilise le rouge pour les bugs et le vert pour les validations, vos images annotées deviennent plus faciles à parcourir d'un coup d'œil.

astuce

Combinez libellés texte et flèches pour une clarté maximale. La flèche montre ce que vous pointez ; le libellé explique pourquoi c'est important.

astuce

Gardez les annotations minimales. Une ou deux flèches bien placées et un court libellé communiquent souvent mieux qu'une image saturée de dizaines de marques.

astuce

Utilisez l'action Duplicate pour accélérer les annotations répétées. S'il vous faut cinq rectangles identiques, dessinez le premier, sélectionnez-le et dupliquez au lieu de tout redessiner.

Questions fréquentes​

Puis-je modifier une image après l'envoi ?​

Non. Une fois envoyées, les annotations sont aplaties dans l'image et les données d'annotation d'origine ne sont pas conservées. Si vous devez réviser, envoyez une nouvelle version annotée.

Le destinataire peut-il déplacer ou supprimer mes annotations ?​

Non. Les annotations font partie de l'image finale : les destinataires les voient comme des pixels, non comme des éléments modifiables. C'est une fonctionnalité, pas une limitation --- votre marquage ne peut pas être modifié accidentellement par quelqu'un d'autre.

L'éditeur d'images fonctionne-t-il sur mobile ?​

La barre d'outils et les outils d'annotation sont disponibles dans le flux d'aperçu de chat sur les navigateurs mobiles modernes. Les gestes tactiles permettent de dessiner avec le stylo, de sélectionner des annotations et de les ajuster. Les contrôles de couleur et d'épaisseur sont accessibles via la même barre d'outils.

Quels formats de fichiers l'éditeur prend-il en charge ?​

L'éditeur fonctionne avec tous les formats d'image courants : PNG, JPG, GIF, WebP et SVG. Les GIF animés sont aplatis en une image fixe lors de l'annotation.

L'image d'origine est-elle remplacée ?​

Lorsque vous annotez et envoyez, l'image envoyée inclut vos annotations. La version d'origine (non modifiée) n'est pas conservée sauf si vous l'avez aussi enregistrée séparément avant d'annoter. Pour garder une copie propre, enregistrez-la dans Drive ou sur votre ordinateur avant d'ouvrir l'éditeur.

Puis-je enregistrer des annotations pour une utilisation ultérieure ?​

Les annotations sont envoyées avec l'image mais ne sont pas stockées comme fichier séparé. Pour un marquage réutilisable, conservez une image modèle dans Drive que vous pourrez rouvrir et réannoter au besoin.

Fonctionnalités associées​