Inhaltsverzeichnis
Die Verwaltung von Medien neben Übersetzungen war in den meisten i18n-Tools immer ein Nachgedanke. Sie übersetzen den Text und kümmern sich dann manuell um Bilder in einem separaten System — herunterladen, erneut hochladen, verknüpfen. Better i18n verfolgt einen anderen Ansatz: Medien sind ein erstklassiger Bestandteil Ihres Content-Workflows.
In diesem Leitfaden erklären wir, wie die Medienverwaltung von Better i18n funktioniert — von einfachen Uploads über die integrierte Unsplash-Integration bis hin zum R2-Edge-Speicher, der alles antreibt.
Vier Upload-Typen für jeden Anwendungsfall
Da nicht alle Bilder denselben Zweck erfüllen, bietet Better i18n dedizierte Upload-Flows für jeden Kontext:
Profilavatare
Jedes Teammitglied kann ein Profilfoto in seinen Kontoeinstellungen hochladen. Das Bild wird automatisch verarbeitet, in der Größe angepasst und gespeichert. Avatare erscheinen im gesamten Dashboard, in Aktivitäts-Feeds und bei der Inhaltszuordnung — sodass Ihr Team immer weiß, wer welche Änderung vorgenommen hat.
Organisationslogos
Das Markenlogo Ihrer Organisation wird einmal hochgeladen und über Dashboards, E-Mail-Benachrichtigungen und öffentliche Seiten hinweg verwendet. Wenn sich Ihr Branding ändert, aktualisieren Sie es an einer Stelle und die Änderung wird überall übernommen.
KI-Chat-Bilder
Arbeiten Sie mit dem KI-Übersetzungsagenten von Better i18n? Sie können Bilder direkt in den Chat hochladen, um visuellen Kontext bereitzustellen. Das ist besonders nützlich, wenn Sie dem Agenten einen Screenshot Ihrer Benutzeroberfläche zeigen müssen, damit er den räumlichen Kontext der zu übersetzenden Zeichenketten versteht.
Inhaltsmedien
Dies ist der vielseitigste Upload-Typ. Wenn Sie einen CMS-Eintrag bearbeiten — einen Blogbeitrag, einen Changelog-Eintrag, eine Marketing-Seite — können Sie Bilder direkt an den Eintrag anhängen. Inhaltsmedien-Dateien sind mit ihrem übergeordneten Eintrag verknüpft, was es einfach macht, nachzuverfolgen, welche Bilder wohin gehören.
Unsplash-Integration: Suchen, Auswählen, Fertig
Eine der häufigsten Content-Aufgaben ist das Finden eines guten Bildes. Better i18n integriert Unsplash direkt in den Content-Editor, sodass Sie Ihren Workflow nie verlassen müssen.
So funktioniert es:
- Öffnen Sie den Medien-Picker in einem Medienfeld oder dem Hauptbild eines beliebigen Inhaltseintrags.
- Suchen Sie Unsplash nach Stichwort. Ergebnisse erscheinen sofort — hochwertige, kostenlos nutzbare Fotos aus Unsplashs Bibliothek mit über 3 Millionen Bildern.
- Wählen Sie Ihr Bild aus. Ein Klick löst einen automatischen Download aus.
- Automatische R2-Speicherung. Das ausgewählte Bild wird von Unsplash heruntergeladen und in den R2-Bucket Ihres Projekts hochgeladen. Die URL wird in Ihrem Inhaltseintrag gespeichert.
Der entscheidende Vorteil: Ihre Bilder werden von Ihrer eigenen Infrastruktur bereitgestellt, nicht vom CDN von Unsplash. Das bedeutet keine Abhängigkeit von der Verfügbarkeit Dritter, konsistente Leistung und vollständige Kontrolle über Ihre Assets.
R2-Speicher: Schnell, Global, Keine Egress-Gebühren
Jedes Bild, das auf Better i18n hochgeladen wird — ob von Ihrem Gerät, dem Avatar eines Teammitglieds oder einer Unsplash-Suche — wird auf Cloudflare R2 gespeichert.
Warum R2? Drei Gründe:
- Edge-Auslieferung. R2 stellt Dateien aus Cloudflares globalem Netzwerk von Rechenzentren bereit. Ihre Bilder laden schnell, unabhängig davon, wo sich Ihre Nutzer befinden.
- Keine Egress-Gebühren. Herkömmliche Cloud-Speicheranbieter berechnen Ihnen jedes Mal eine Gebühr, wenn jemand eine Datei herunterlädt. R2 nicht. Das ist bedeutsam für inhaltsreiche Websites mit globalem Publikum.
- Zuverlässige URLs. Jede hochgeladene Datei erhält eine permanente, stabile URL. Verwenden Sie sie in Ihren Templates, Ihren API-Antworten oder Ihrem Static-Site-Generator — sie wird weiterhin funktionieren.
Der CMS-Medien-Feldtyp
Wenn Sie Inhaltsmodelle im Headless-CMS von Better i18n erstellen, ist der Media-Feldtyp die Methode, um Bilder mit Einträgen zu verknüpfen.
Wenn Sie einem Inhaltsmodell ein Media-Feld hinzufügen, können Eintrags-Editoren:
- Ein Bild von ihrem Gerät hochladen
- Unsplash durchsuchen und auswählen
- Eine Inline-Vorschau des angehängten Bildes sehen
- Optional verschiedene Bilder pro Locale festlegen (nützlich, wenn ein Screenshot eine lokalisierte Benutzeroberfläche zeigt)
Dieser Feldtyp integriert sich in dieselbe R2-Speicher-Pipeline wie alle anderen Uploads. Keine separate Medienbibliothek zu verwalten — alles läuft durch ein System.
Praktisches Beispiel: Einem Blogbeitrag ein Titelbild hinzufügen
Lassen Sie uns ein reales Szenario durchgehen. Sie schreiben einen Blogbeitrag über das neue Dashboard-Redesign Ihres Produkts.
- Erstellen Sie einen neuen Blogbeitrag-Eintrag im CMS von Better i18n.
- Schreiben Sie Ihren Titel, den Hauptinhalt und den Auszug.
- Klicken Sie auf das Feld Hauptbild.
- Suchen Sie auf Unsplash nach „dashboard design" oder laden Sie Ihren eigenen Screenshot hoch.
- Wählen Sie das Bild aus. Es wird automatisch auf R2 gespeichert und mit Ihrem Beitrag verknüpft.
- Übersetzen Sie den Beitrag in andere Sprachen. Das Hauptbild wird übernommen, oder Sie können es durch einen lokalspezifischen Screenshot ersetzen.
- Veröffentlichen. Das Bild wird über das Edge-Netzwerk von R2 weltweit ausgeliefert.
Kein separater Medien-Upload-Schritt. Keine defekten Bildlinks. Keine Abhängigkeit von Drittanbieter-CDNs.
Was das für Ihren Workflow bedeutet
Die Medienverwaltung in Better i18n ist darauf ausgelegt, nahtlos in Ihren Content-Workflow zu verschwinden, anstatt zusätzliche Schritte hinzuzufügen. Upload-Typen sind zweckgebaut für ihren Kontext, Unsplash ist dort integriert, wo Sie es brauchen, und R2 übernimmt Speicherung und Auslieferung ohne Konfiguration.
Ob Sie einen mehrsprachigen Blog, eine Dokumentationsseite oder eine Produkt-Marketing-Seite verwalten — Ihre Bilder werden genauso behandelt wie Ihre Übersetzungen: an einem Ort, mit einem Workflow.
Die Medienverwaltung ist in allen Better i18n-Plänen verfügbar. Wenn Sie das CMS bereits nutzen, können Sie sofort mit dem Hochladen beginnen.
