Aller au contenu principal

Utiliser l'Editeur d'Image

L'éditeur d'image Actito intégré dans l'éditeur email est un outil complet qui vous permet de personnaliser d'avantage vos communications.

En vous offrant la possibilité de modifier vos images directement depuis l'éditeur d'e-mails, vous économisez un temps précieux en évitant de recourir à des outils externes. De plus, cette fonctionnalité vous permet d'assurer une cohérence visuelle dans vos campagnes en personnalisant vos images en même temps que la création de votre contenu.

L'éditeur d'image Actito vous offre d'un large éventail d'options pour personnaliser vos images, vous permettant ainsi d'annoter, de rogner, d'appliquer des filtres et bien d'autres.

Pour éditer les images contenues dans votre e-mail, dans l'éditeur, passez votre souris sur l'image que vous souhaitez éditer et cliquer sur 'Editer l'image'.

Un menu d'édition s'ouvrira.

Editer l'image

Attention

Cette option est valable uniquement pour les images téléchargées. Si vous souhaitez utiliser une image de votre librairie DAM, veillez à l'enregistrer sur votre ordinateur avant de l'uploader dans le contenu de votre e-mail si vous souhaitez l'éditer.

Depuis ce menu, vous aurez accès à différents onglets qui vous permettront notamment de mettre à l'échelle, de redimensionner, d'appliquer des filtres et bien d'autres.

Dans la partie supérieure de la fenêtre du menu d'édition, vous trouverez un menu permanent.

menu d'édition

Ce menu vous permet de :

  • Rétablir l'image d'origine avant toute modification
  • Annuler la dernière modification apportée
  • Rétablir la dernière modification qui a été annulée
  • Zoomer/Dézoomer sur votre image afin d'avoir une vue plus précise ou générale des modifications que vous avez apportées.
note

La fonction de zoom n'est pas disponible pour les onglets 'Rogner' et Redimensionner'.

Rétablir l'image

Veuillez noter qu'une fois sauvegardée, il ne vous sera plus possible de rétablir l'image d'origine. Dès que vous sauvez vos modifications, l'image ainsi modifiée est sauvegardée et le menu d'édition se ferme. Si vous rouvrez le menu d'édition, vous ne pourrez annuler ou rétablir les modifications sauvegardées précédemment. L'image modifiée devient alors votre image de base. Vous pourrez toutefois, revenir à l'image de base via l'historique de session.

Onglet Rogner

Dans cet onglet, vous pouvez faire pivoter et rogner votre image.

Vous pouvez soit utiliser des réglages prédéfinis en utilisant les boutons au-dessus de votre image ou effectuer des rotations et un échelonnage libre de votre image en utilisant le curseur, situé en-dessous de l'image.

Pour ce faire, sélectionner la fonction 'Rotation' ou 'Echelonner' et puis glisser la barre de progression d'exécution vers la droite ou la gauche pour définir votre angle de rotation ou degré d'échelonnage.

Rogner

L'option 'forme de rognage' vous permet de rogner votre image selon une forme et des dimensions standards ou personnalisées.

forme de rognage

Onglet Redimensionner

Cet onglet vous permet de redimensionner votre image en définissant sa hauteur et sa largeur en pixel.

Onglet Redimensionner

tip

L'icône du cadenas vous permet de verrouiller ou déverrouiller le rapport hauteur/largeur de votre image.

Onglet Affiner

Cet onglet vous permet de modifier la luminosité, le contraste, la saturation et autres de votre image.

Pour ajuster l'un de ces paramètres, sélectionnez celui que vous souhaitez ajuster parmi les différentes options d'ajustement en-dessous de votre image.

Une fois un ajustement sélectionné, faites glisser la barre de progression d'exécution vers la droite ou la gauche pour modifier votre image.

Onglet Affiner

Onglet Autocollant

Cet onglet vous permet d'ajouter des autocollants sur votre image.

Onglet Autocollant

Pour ce faire, cliquez sur 'Sélection de l'image'. Une fenêtre d'explorateur de fichier s'ouvrira, depuis laquelle, vous pourrez sélectionner, parmi les images enregistrées localement sur votre machine, celle que vous souhaitez ajouter comme autocollant.

Celle-ci sera alors ajoutée à votre première image. Vous pouvez déplacer votre autocollant librement, réduire son opacité (par défaut à 100%), réduire ou augmenter sa taille, le retourner horizontalement, le supprimer et le copier. Vous pouvez ajouter plusieurs autocollants sur votre image et contrôler leur hiérarchie visuelle de superposition en déterminant quels sont les éléments qui doivent apparaitre au premier-plan.

Onglet Autocollant

Onglet Filtre

Cet onglet vous permet d'appliquer différent filtres prédéfinis sur votre image.

Pour appliquer un filtre, il vous suffit de sélectionner le filtre que vous souhaitez appliquer parmi la liste des différents filtres disponibles sous l'image.

Onglet Filtre

Onglet Annoter

Cet onglet vous permet d'annoter votre image avec plusieurs objets :

note

Pour chacune des annotations que vous ajoutées à votre image, vous avez la possibilité de les mettre à l'avant-plan et de les supprimer.

Pointe

Cet objet vous permet de dessiner des formes libres sur votre image ;

Pointe

Vous pouvez choisir l'épaisseur du trait ainsi que sa couleur.

Gomme

La fonction de gomme vous permet de supprimer n'importe quelle annotation que vous créez, que ce soit une forme ou un dessin libre.

info

Si vous utilisez la fonction de gomme sur une vos annotation, l'entièreté de l'annotation sera supprimée.

Chemin

La fonction chemin vous permets de créer des formes personnalisées, dessiner des lignes courbes ou droites en manipulant des tracés vectoriels.

Pour chacun de vos chemins, vous pouvez définir la couleur des contours ainsi que la couleur de remplissage des formes ainsi créées. Vous pouvez également décider de laisser le remplissage des formes vides en fonction de vos préférences.

Chemin

Trait et flèche

Les fonctions 'Trait' et 'Flèche' du menu d'édition vous permet de tracer des traits et flèches sur votre image.

Pour l'une ou l'autre fonction, vous pouvez choisir la couleur et l'épaisseur du trait ainsi que la forme de début et de fin de votre trait/flèche (par défaut, pour la fonction trait, la forme de début et de fin est aucune et pour les flèches la forme de début est aucune et la forme de fin est une flèche).

Trait

Rectangle et Ellipse

Les fonctions 'Rectangle' et 'Ellipse' vous permettent d'ajouter des formes à votre image. Pour chacune de ces fonctions, vous pouvez définir la couleur de remplissage (si vous souhaitez remplir la forme), la couleur du contour de la forme et son épaisseur (si vous souhaitez mettre un contour à votre forme) et, pour la fonction 'Rectangle', le rayon d'angle (qui vous permet, d'arrondir les coins de votre forme de 0 à 100%).

Rectangle

Texte

La fonction texte, vous permet d'insérer une zone de texte sur votre image.

Texte

Dans cet onglet, vous retrouvez un éditeur de texte qui vous permet de mettre en page le texte ajouté :

  • Couleur du texte
  • Police : vous permet de choisir la police parmi : 'Sans Serif', 'Black', 'Narrow', 'Humanist', 'Serif', 'Old-Style', 'Transitional', 'Monospaced' et 'Slab Serif'
  • Style de police : vous permet de mettre en forme votre texte. Le style s'appliquera a l'entiereté du texte se trouvant dans la zone mise en forme.
  • Taille de police : vous permet de choisir la taille de votre police, vous permettant d'avoir un texte de 'Extra petit' à 'Extra grand'
  • Interligne : vous permet de choisir la taille de l'interligne, vous permettant d'avoir un interligne de 'Extra petit' à 'Extra grand'
  • Alignement du texte : vous permet d'aligner votre texte à gauche, au centre ou à droite
  • Largeur et hauteur de la zone : au moment de créer votre zone de texte, vous pouvez la dessiner de la hauteur et de la largeur que vous souhaitez. Une fois que votre texte est écrit, l'icône au centre du menu de votre zone de texte vous permet de réduire la hauteur, la largeur ou la hauteur et la largeur de la zone par rapport à la taille du texte. Vous pouvez également laisser la zone telle que vous l'avez créée.
  • Modifier le texte : vous permet de modifier le texte que vous avez écrit.
note

Si vous souhaitez supprimer une zone de texte, vous devez utiliser la gomme ou l'option de suppression. Effacer le texte à l'intérieur de la zone ne supprimera la zone de texte.

Onglet Cadre

Grâce à cet onglet, vous pouvez, si vous le souhaitez, ajouter un cadre à votre image. Pour ce faire, il vous suffit de sélectionner le cadre que vous souhaitez ajouter parmi les différentes propositions situées sous votre image.

Onglet Cadre

Ensuite, en fonction du cadre que vous sélectionnez, plusieurs réglages différents s'offrent à vous :

Reglages Cadre

  • Couleur : vous permet de définir la couleur du cadre. Vous pouvez sélectionner une couleur parmi une palette de couleur ou bien librement dans un nuancier. Vous pouvez également définir l'opacité de la couleur choisie
  • Taille : vous permet de définir l'épaisseur des lignes de votre cadre. Celle-ci est réglée par défaut à 3%.
  • Décalage : vous permet de définir la taille de votre encadré. Au plus vous augmentez sa valeur, au plus le cadre sera petit et centré sur votre image. Par défaut celui-ci est à 25%. Le second réglage de décalage vous permet de définir l'espacement entre chacun de cadre (s'il y a plusieurs cadres sur l'image)
  • Radius : vous permet de définir le degré d'arrondi des coins de votre cadre.
  • Quantité : vous permet de définir la quantité de cadre à mettre sur votre image (de 1 cadre à 5)

Sauver votre image

Une fois que vous avez apporté toutes les modifications et ajustements que vous souhaitiez à votre image, cliquez sur le bouton 'Sauver' pour que vos modifications soient prises en compte.

Attention

Une fois que vous sauvegarder votre image, il n'est plus possible de revenir en arrière. L'image ainsi sauvegardée devient votre image de base si vous souhaitez apporter de nouvelles modifications. Vous pourrez toutefois, revenir à l'image de base via l'historique de session.

Tester votre image

Certaines transformations, comme agrandir votre image ou y ajouter des éléments, peut augmenter le poids de votre image.

Veillez à bien envoyer un mail de test après avoir édité une image pour vous assurer que l'e-mail respecte toujours la limite de poids.