Table des matières
La gestion des médias en parallèle des traductions a toujours été une réflexion secondaire dans la plupart des outils i18n. Vous traduisez le texte, puis vous gérez manuellement les images dans un système séparé — téléchargement, re-téléversement, liaison. Better i18n adopte une approche différente : les médias sont des citoyens de première classe dans votre flux de travail de contenu.
Dans ce guide, nous vous expliquons comment fonctionne la gestion des médias de Better i18n, des téléversements de base à l'intégration Unsplash intégrée et au stockage edge R2 qui alimente tout cela.
Quatre types de téléversement pour chaque cas d'utilisation
Toutes les images ne servent pas le même objectif, c'est pourquoi Better i18n propose des flux de téléversement dédiés pour chaque contexte :
Avatars de profil
Chaque membre de l'équipe peut téléverser une photo de profil depuis les paramètres de son compte. L'image est automatiquement traitée, redimensionnée et stockée. Les avatars apparaissent sur le tableau de bord, les fils d'activité et l'attribution du contenu — votre équipe sait toujours qui a effectué quelle modification.
Logos d'organisation
Le logo de marque de votre organisation est téléversé une seule fois et utilisé sur les tableaux de bord, les notifications par e-mail et toutes les pages publiques. Lorsque votre image de marque change, mettez-la à jour en un seul endroit et la modification se propage partout.
Images du chat IA
Vous travaillez avec l'agent de traduction IA de Better i18n ? Vous pouvez téléverser des images directement dans le chat pour fournir un contexte visuel. C'est particulièrement utile lorsque vous devez montrer à l'agent une capture d'écran de votre interface utilisateur pour qu'il comprenne le contexte spatial des chaînes en cours de traduction.
Médias de contenu
Il s'agit du type de téléversement le plus polyvalent. Lorsque vous modifiez une entrée CMS — un article de blog, un élément de journal des modifications, une page marketing — vous pouvez joindre des images directement à l'entrée. Les fichiers médias de contenu sont liés à leur entrée parente, ce qui facilite le suivi des images et de leur emplacement.
Intégration Unsplash : Rechercher, sélectionner, terminé
L'une des tâches de contenu les plus courantes est de trouver une bonne image. Better i18n intègre Unsplash directement dans l'éditeur de contenu, vous n'avez donc jamais besoin de quitter votre flux de travail.
Voici comment cela fonctionne :
- Ouvrez le sélecteur de médias dans le champ média ou l'image mise en avant de n'importe quelle entrée de contenu.
- Recherchez sur Unsplash par mot-clé. Les résultats apparaissent instantanément — des photos de haute qualité et libres d'utilisation provenant de la bibliothèque de plus de 3 millions d'images d'Unsplash.
- Sélectionnez votre image. Un seul clic déclenche un téléchargement automatique.
- Stockage R2 automatique. L'image sélectionnée est téléchargée depuis Unsplash et téléversée dans le bucket R2 de votre projet. L'URL est enregistrée dans votre entrée de contenu.
L'avantage clé : vos images sont servies depuis votre propre infrastructure, et non depuis le CDN d'Unsplash. Cela signifie aucune dépendance vis-à-vis de la disponibilité d'un tiers, des performances cohérentes et un contrôle total sur vos ressources.
Stockage R2 : Rapide, mondial, sans frais de sortie
Chaque image téléversée sur Better i18n — que ce soit depuis votre appareil, l'avatar d'un membre de l'équipe ou une recherche Unsplash — est stockée sur Cloudflare R2.
Pourquoi R2 ? Trois raisons :
- Livraison edge. R2 sert les fichiers depuis le réseau mondial de centres de données de Cloudflare. Vos images se chargent rapidement, quel que soit l'emplacement de vos utilisateurs.
- Zéro frais de sortie. Les fournisseurs de stockage cloud traditionnels vous facturent chaque fois que quelqu'un télécharge un fichier. R2 ne le fait pas. C'est significatif pour les sites à contenu dense avec des audiences mondiales.
- URLs fiables. Chaque fichier téléversé obtient une URL permanente et stable. Utilisez-la dans vos templates, vos réponses API ou votre générateur de site statique — elle continuera de fonctionner.
Le type de champ Media dans le CMS
Si vous construisez des modèles de contenu dans le CMS headless de Better i18n, le type de champ Media est la façon de connecter des images aux entrées.
Lorsque vous ajoutez un champ Media à un modèle de contenu, les éditeurs d'entrées peuvent :
- Téléverser une image depuis leur appareil
- Rechercher et sélectionner depuis Unsplash
- Voir un aperçu en ligne de l'image jointe
- Définir optionnellement des images différentes par locale (utile lorsqu'une capture d'écran montre une interface utilisateur localisée)
Ce type de champ s'intègre au même pipeline de stockage R2 que tous les autres téléversements. Aucune médiathèque séparée à gérer — tout passe par un seul système.
Exemple pratique : Ajouter une image de couverture à un article de blog
Parcourons un scénario concret. Vous rédigez un article de blog sur la refonte du nouveau tableau de bord de votre produit.
- Créez une nouvelle entrée d'article de blog dans le CMS de Better i18n.
- Rédigez votre titre, le contenu du corps et l'extrait.
- Cliquez sur le champ image mise en avant.
- Recherchez "dashboard design" sur Unsplash ou téléversez votre propre capture d'écran.
- Sélectionnez l'image. Elle est automatiquement stockée sur R2 et liée à votre article.
- Traduisez l'article dans d'autres langues. L'image mise en avant est transférée, ou vous pouvez la remplacer par une capture d'écran spécifique à la locale.
- Publiez. L'image est servie depuis le réseau edge de R2 dans le monde entier.
Aucune étape de téléversement de médias séparée. Aucun lien d'image brisé. Aucune dépendance CDN tierce.
Ce que cela signifie pour votre flux de travail
La gestion des médias dans Better i18n est conçue pour s'intégrer de manière transparente dans votre flux de travail de contenu plutôt que d'y ajouter des étapes. Les types de téléversement sont conçus spécifiquement pour leur contexte, Unsplash est intégré là où vous en avez besoin, et R2 gère le stockage et la livraison sans configuration.
Que vous gériez un blog multilingue, un site de documentation ou une page marketing produit, vos images sont gérées de la même manière que vos traductions — en un seul endroit, avec un seul flux de travail.
La gestion des médias est disponible sur tous les plans Better i18n. Si vous utilisez déjà le CMS, vous êtes prêt à commencer à téléverser.
