Médiathèque

La médiathèque est la bibliothèque d’images intégrée à votre projet. Téléchargez des images, importez des photos de stock gratuites ou générez des images avec l’IA. Réutilisez-les ensuite dans les notifications Push, les push web, les e-mails, les messages in-app, les Pages Cloud et d’autres contenus, directement dans l’éditeur ou via une URL stable.

Pour ouvrir la médiathèque, allez dans Content > Media storage dans le Panneau de Contrôle Pushwoosh. La page comporte trois onglets :

• Library : les images déjà stockées dans le projet.
• Stock photos : recherchez des photos gratuites sur Pexels et enregistrez-les dans la bibliothèque.
• Generate with AI : décrivez une image et enregistrez le résultat dans la bibliothèque.

Qui peut ajouter et supprimer des images

Pour ajouter des images (téléchargement, import de stock, génération par IA), créer des recadrages ou supprimer des images, vous avez besoin de l’autorisation Modify applications pour le projet. Avec un accès en lecture seule, vous pouvez parcourir la bibliothèque et choisir des images, mais pas modifier la bibliothèque. Voir Gérer l’accès et les autorisations des utilisateurs.

Télécharger des images

Pour télécharger des images dans la médiathèque :

• Glissez-déposez un ou plusieurs fichiers image sur la zone de téléchargement.
• Cliquez sur la zone de téléchargement pour ouvrir le sélecteur de fichiers et sélectionner des images depuis votre appareil.

Note

Vous pouvez télécharger jusqu’à 5 images à la fois. La médiathèque accepte les formats JPG, PNG, WebP et GIF. Les autres types de fichiers sont ignorés.

Limites de taille :

• JPG, PNG et WebP jusqu’à 10 Mo chacun.
• GIF jusqu’à 10 Mo.

Lorsque le téléchargement est terminé, vos images apparaissent dans la grille ci-dessous, les plus récentes en premier, et vous pouvez cliquer sur Previous ou Next pour parcourir les pages plus anciennes si nécessaire.

Compresser les images PNG à l’import

La compression PNG réduit la taille des images PNG lorsqu’elles sont ajoutées à la bibliothèque. Pushwoosh réduit le nombre de couleurs de l’image et conserve la transparence. La compression est avec perte, mais la différence n’est généralement pas visible. Elle est désactivée par défaut et se règle séparément pour chaque projet.

Pour modifier ce paramètre, vous avez besoin de l’autorisation Modify applications pour le projet.

Pour activer la compression PNG :

1. Sur la page de la médiathèque, cliquez sur Paramètres dans le coin supérieur droit, à droite du titre de la page.
2. Dans la fenêtre Paramètres du stockage de médias, activez Compresser les images PNG à l’import.
3. Cliquez sur Enregistrer.

Lorsque le paramètre est activé, Pushwoosh compresse chaque nouveau PNG une fois qu’il a passé les limites de taille. Cela concerne :

• Les fichiers PNG que vous téléchargez depuis votre appareil.
• Les images PNG envoyées depuis Figma et importées depuis Canva.
• Les recadrages d’images PNG et WebP, car ces recadrages sont enregistrés au format PNG.

Pushwoosh stocke les fichiers JPG, WebP et GIF tels quels. Il ne compresse ni les PNG animés ni les images déjà présentes dans la bibliothèque.

Si un PNG ne peut pas être compressé, Pushwoosh stocke le fichier d’origine et le téléchargement réussit quand même.

Lorsque vous téléchargez des PNG depuis votre appareil, le message de confirmation indique le pourcentage et la quantité d’espace économisés par la compression, par exemple Image importée. PNG compressé : 63 % économisés (81.2 KB). Pour un lot, les chiffres ne portent que sur les PNG dont la taille a diminué. Le même message apparaît lorsque vous téléchargez des images dans le sélecteur d’images d’un éditeur.

Envoyer des images depuis Figma

Pour envoyer des frames d’un fichier Figma sans les exporter au préalable, utilisez le plugin Pushwoosh pour Figma. Voir Intégration Figma.

Importer des designs depuis Canva

Pour importer des pages de vos designs Canva, cliquez sur Importer depuis Canva à côté de la zone de téléchargement. Une fois Canva connecté, vous pouvez aussi ouvrir des images stockées dans l’éditeur Canva avec Modifier dans Canva et commencer de nouveaux designs avec Créer dans Canva. Voir Intégration Canva.

Trouver une image par nom de fichier

Saisissez une partie d’un nom de fichier dans le champ Search by file name au-dessus de la grille et appuyez sur Entrée. La recherche ne tient pas compte de la casse et porte sur toute la bibliothèque, pas seulement sur la page actuelle. Videz le champ pour afficher à nouveau toutes les images.

Provenance d’une image

Un badge sur la vignette indique comment une image est arrivée dans la bibliothèque :

• AI : générée dans l’onglet Generate with AI.
• Pexels : importée depuis l’onglet Stock photos.
• Canva : importée ou modifiée avec l’intégration Canva.
• Figma : envoyée avec le plugin Pushwoosh pour Figma.

Les images téléchargées depuis votre appareil n’ont pas de badge.

Un badge tel que 2 vers. signifie que l’image a plusieurs versions, qui apparaissent lorsqu’une frame Figma est envoyée à nouveau ou que l’image est modifiée dans Canva. La vignette affiche la dernière version. Chaque version a sa propre URL, de sorte que le contenu qui utilise une version plus ancienne continue d’afficher cette version.

Utiliser une version plus ancienne d’une image

Pour afficher toutes les versions d’une image et en choisir une :

1. Cliquez sur le badge N vers. de la vignette. Le panneau Versions s’ouvre avec la dernière version, marquée actuelle, dans l’aperçu.
2. Sous Toutes les versions, cliquez sur la version souhaitée. La liste commence par la version la plus récente. L’aperçu affiche la version sélectionnée avec sa taille en pixels et la taille du fichier.
3. Cliquez sur Utiliser cette version.

Sur la page de la médiathèque, Utiliser cette version copie l’URL de la version sélectionnée, de la même manière que le bouton Select. Dans le sélecteur d’images d’un éditeur, il insère la version sélectionnée dans le champ.

Ajouter une photo de stock depuis Pexels

L’onglet Stock photos effectue une recherche dans la bibliothèque de photos gratuites de Pexels. Les photos de stock ne sont pas décomptées de la limite quotidienne d’images IA.

1. Ouvrez l’onglet Stock photos.
2. Saisissez ce que vous recherchez, par exemple summer sale, et cliquez sur Search.
3. Cliquez sur une photo.

Pushwoosh copie la photo dans votre bibliothèque avec le badge Pexels. Sous chaque résultat de recherche, le nom du photographe renvoie vers son profil Pexels, et l’onglet crédite Pexels comme fournisseur des photos. Si rien ne correspond à votre requête, l’onglet affiche Nothing found — try another query.

Si votre forfait n’inclut pas les images IA, la recherche de photos de stock est également désactivée. Voir Limite quotidienne d’images IA.

Générer une image avec l’IA

L’onglet Generate with AI crée une image à partir d’une description textuelle et l’enregistre dans votre bibliothèque.

1. Ouvrez l’onglet Generate with AI.
2. Décrivez l’image, par exemple flat-lay of summer picnic essentials on a pastel background.
3. Choisissez un rapport d’aspect. Lorsque vous ouvrez cet onglet depuis un éditeur, la liste ne propose que les rapports adaptés au champ ; elle peut donc être plus courte ou absente.
4. Choisissez le nombre d’images à générer : 1 × image, 2 × image ou 4 × image.
5. Cliquez sur Generate.

Chaque image générée est enregistrée dans la bibliothèque avec le badge AI, que vous l’utilisiez ou non. Pour obtenir un nouveau résultat pour la même description, cliquez sur Generate again.

Si le projet dispose d’un Brand book, Pushwoosh ajoute ses couleurs et son ton à la description, afin que les images générées respectent le style de votre marque.

Générer une image pour une notification Push

Pour générer une image adaptée au message d’un push :

1. Dans un préréglage Push qui contient déjà un titre ou un texte, ouvrez le sélecteur d’images pour Banner URL, Icon ou l’image de la boîte de réception.
2. Ouvrez l’onglet Generate with AI. La case Match the push message est cochée par défaut.
3. Décrivez l’image et cliquez sur Generate.

Lorsque la case est cochée, Pushwoosh génère une image qui illustre le message. Pushwoosh n’intègre pas le texte du message dans l’image, sauf si votre description le demande. Dans un préréglage multilingue, le titre et le texte proviennent de la langue par défaut, ou de la première langue dans laquelle ils sont renseignés.

Utiliser vos images comme référence de style

Une référence de style est une image de votre bibliothèque qui indique à l’IA le rendu souhaité. L’image générée reprend les couleurs, l’éclairage, la technique de rendu et l’ambiance des références et représente le sujet que vous décrivez. Les personnes, visages, logos, textes et scènes des références ne sont pas copiés.

1. Ouvrez l’onglet Library.
2. Cochez la case de chaque image que vous souhaitez utiliser comme référence. Vous pouvez utiliser jusqu’à 10 références.
3. Cliquez sur Use as style. L’onglet Generate with AI s’ouvre et affiche les images sélectionnées sous Style references.
4. Décrivez l’image et cliquez sur Generate.

Pour retirer une référence, cliquez sur la croix de sa miniature. Pour toutes les retirer, cliquez sur Clear. Vous pouvez ajouter d’autres images depuis d’autres pages de la bibliothèque jusqu’à un total de 10. Si la sélection dépasse 10, les images en trop ne sont pas ajoutées.

Les références ne peuvent être que des images de la bibliothèque de ce projet. Les recadrages ne peuvent pas servir de références.

Limite quotidienne d’images IA

Le nombre d’images IA est limité par compte et par jour. Par défaut, la limite est de :

• 10 images par jour sur les forfaits payants.
• 2 images par jour sur les forfaits gratuits.

Chaque image générée est décomptée de la limite, donc 4 × image en consomme quatre. S’il reste moins d’images que vous n’en avez demandé, Pushwoosh en génère autant que la limite le permet. Lorsque la limite est atteinte, la génération échoue avec le message daily limit of N AI images reached, try again tomorrow.

La génération avec des références de style a sa propre limite quotidienne de requêtes, égale à cinq fois la limite d’images. Avec la limite d’images par défaut, cela donne :

• 50 requêtes par jour sur les forfaits payants.
• 10 requêtes par jour sur les forfaits gratuits.

Une requête est comptée une seule fois, quel que soit le nombre de références et d’images qu’elle contient. Chaque image générée reste décomptée de la limite d’images. Lorsque la limite de requêtes est atteinte, la génération avec références échoue avec le message too many generations with style references today, try again tomorrow. La génération sans références continue de fonctionner.

Si votre forfait n’inclut pas les images IA, la génération et la recherche de photos de stock échouent avec le message AI images and stock photos are not available on your plan. Pour modifier la limite, contactez votre gestionnaire de compte Pushwoosh.

Créer des recadrages d’image

Un recadrage est une copie redimensionnée et recadrée d’une image originale avec un rapport d’aspect spécifique. Les recadrages sont utiles lorsque la même image nécessite des proportions différentes pour différents canaux ou emplacements.

Pour créer un recadrage :

1. Passez la souris sur une image et cliquez sur le bouton Create crops. Le panneau Create crop s’ouvre.
2. Choisissez un Aspect ratio adapté à l’emplacement où vous utiliserez l’image. Par exemple, utilisez 2:1 pour une bannière big picture Android et 3:1 pour une image de bandeau (strip) ou de logo Apple Wallet. Un cadre à ce rapport d’aspect, aussi grand que l’image le permet, apparaît au centre de l’image.
3. Déplacez le cadre sur la partie de l’image que vous souhaitez conserver. Faites-le glisser avec la souris ou sur un écran tactile, ou cliquez sur un point de l’image pour y centrer le cadre. Pour le déplacer au clavier, appuyez sur Tab jusqu’à ce que le cadre ait le focus, puis utilisez les touches fléchées. Le cadre s’arrête aux bords de l’image.
4. Définissez la Size. Choisissez si votre valeur définit la Width ou la Height, puis entrez le nombre de pixels. Pushwoosh calcule l’autre dimension à partir du rapport d’aspect sélectionné.
5. Pour les images JPEG, définissez la valeur JPEG quality de 1 à 100. Une valeur plus élevée conserve plus de détails mais produit un fichier plus volumineux.
6. Cliquez sur Create crop.

Pushwoosh découpe le recadrage exactement à l’intérieur du cadre et l’enregistre à côté de l’original, et l’aperçu passe au nouveau recadrage. Lorsque vous choisissez un autre rapport d’aspect, le cadre revient au centre.

Un recadrage n’est jamais plus grand que l’original. Si la taille que vous définissez nécessite plus de pixels que l’original n’en a pour ce rapport d’aspect, Pushwoosh enregistre le recadrage à la plus grande taille que permet l’original. Par exemple, un recadrage 1:1 d’une largeur de 1080 à partir d’une image de 1184×864 est enregistré en 864×864.

Vous pouvez créer plusieurs recadrages avec le même rapport d’aspect si leurs tailles ou les positions du cadre diffèrent. Si un recadrage avec le même rapport d’aspect, la même taille finale (après réduction pour tenir dans l’original) et la même position du cadre existe déjà, Pushwoosh ouvre ce recadrage au lieu d’en créer un nouveau.

Afficher les recadrages existants

La liste Recadrages existants en bas du panneau Créer un recadrage affiche tous les recadrages de l’image. Pour afficher un recadrage :

1. Passez la souris sur l’image et cliquez sur le bouton Créer des recadrages.
2. Sous Recadrages existants, cliquez sur le recadrage. L’aperçu affiche le recadrage enregistré avec son rapport d’aspect et sa taille, par exemple 2:1 · 1024×512.

Pour revenir à l’original, cliquez sur Original sous Proportions.

Supprimer des images

Vous pouvez supprimer les images dont vous n’avez plus besoin, soit une image originale avec tous ses recadrages, soit un seul recadrage.

Supprimer une image originale

1. Passez la souris sur l’image dans la grille et cliquez sur l’icône Delete.
2. Dans la fenêtre de confirmation, cliquez sur Delete.

Si l’image a plusieurs versions, seules la dernière version et les recadrages de cette version sont supprimés, et la vignette affiche la version précédente. Pour supprimer une version plus ancienne, supprimez d’abord les versions plus récentes.

Vous ne pouvez pas supprimer une image utilisée dans une campagne de Wallet Pass. Retirez d’abord l’image de la campagne.

Attention

La suppression d’une image originale supprime également tous ses recadrages, et cette action est irréversible. Tout contenu qui référence l’URL de l’image supprimée cessera de la charger, alors assurez-vous que l’image n’est plus utilisée avant de la supprimer.

Supprimer un seul recadrage sans supprimer l’original

1. Passez la souris sur l’image et cliquez sur le bouton Create crops pour ouvrir le panneau Create crop.
2. Dans Existing crops, trouvez celui que vous souhaitez supprimer et cliquez sur son bouton Delete crop.
3. Dans la fenêtre de confirmation, cliquez sur Delete.

Supprimer plusieurs images à la fois

Pour supprimer plusieurs images originales en une seule action :

1. Cochez la case de chaque image que vous souhaitez supprimer, ou cliquez sur Select all on page pour sélectionner toutes les images de la page actuelle.
2. Cliquez sur Delete selected.
3. Dans la fenêtre de confirmation, cliquez sur Delete.

Attention

Cette action supprime chaque original sélectionné ainsi que tous ses recadrages, et elle est irréversible. Tout contenu qui référence l’URL d’une image supprimée cessera de la charger, alors assurez-vous qu’aucune des images sélectionnées n’est encore utilisée.

Utiliser des images dans votre contenu

La manière d’ajouter une image de la médiathèque dépend du type de contenu.

Sélectionner une image dans l’éditeur

Dans les éditeurs listés ci-dessous, vous pouvez choisir, trouver ou générer une image sans quitter l’éditeur. Le sélecteur d’images comporte les onglets Library, Stock photos et Generate with AI :

• Contenu des notifications Push et des push web : Banner URL, Icon, Stories et les images de la boîte de réception. Voir Ajouter du contenu multimédia dans les Préréglages Push.
• Préréglages SMS : pièces jointes MMS. Les MMS n’acceptent que les formats JPG et GIF ; ce sélecteur ne propose donc que Library et Stock photos.
• Formulaire d’envoi de push : l’icône de la boîte de réception et les médias WhatsApp.
• Customer Journey : les images des éléments Viber et WhatsApp.
• Messages in-app natifs, Wallet passes et créations publicitaires e-mail.
• AI Email Builder, et le même builder pour les messages in-app et les Pages Cloud : la galerie d’images.

Un sélecteur masque l’onglet Generate with AI lorsque le champ n’accepte pas à la fois PNG et JPEG, car une image générée peut être dans l’un ou l’autre format. Il masque l’onglet Stock photos lorsque le champ n’accepte pas JPEG.

Dans les campagnes de Wallet Pass, une image choisie pour l’emplacement Logo ou Strip d’Apple Wallet est automatiquement recadrée en 3:1 lorsqu’elle est plus large. Voir Télécharger les images de la campagne.

Les pop-ups web permettent uniquement de choisir une image dans la bibliothèque, sans les onglets Stock photos et Generate with AI. Voir Images et vidéo dans le contenu des pop-ups web.

Copier l’URL d’une image

Copiez une URL depuis la médiathèque et collez-la dans votre éditeur de contenu.

Pour copier l’URL :

1. Passez la souris sur l’image que vous souhaitez dans la grille de la médiathèque.
2. Cliquez sur le bouton Select (l’icône en forme de coche) de l’image.

Conseil

Si votre navigateur bloque la copie automatique, une fenêtre s’ouvre avec l’URL. Sélectionnez-la et copiez-la manuellement.

Une fois l’URL copiée dans votre presse-papiers, collez-la dans l’éditeur que vous utilisez.

L’endroit où vous la collez dépend de l’éditeur :

• Champ URL de l’image : Éditeur glisser-déposer et éditeur de Pages Cloud — Bloc Image, ou éditeur in-app
• Attribut src HTML : Voir Ajouter des images dans l’éditeur de code HTML

Sélectionner un original ou un recadrage

Pour copier l’URL d’un original ou d’un recadrage :

1. Passez la souris sur l’image dans la grille. Si elle a des recadrages, sa vignette affiche un badge avec le nombre (par exemple, 2 cr.).
2. Cliquez sur le bouton Select pour ouvrir le menu. Chaque élément affiche une miniature de l’original ou du recadrage.
3. Choisissez Original pour copier l’URL de l’image en taille réelle, ou choisissez un recadrage listé par son rapport d’aspect et sa taille pour copier l’URL de ce recadrage.