Mediadaten bearbeiten, löschen, erstellenModul “media”

Mediadaten löschen

Sie können entweder einen kompletten Ordner oder nur einzelne Bilder aus der Mediathek löschen.

Mediaordner, inkl. Mediadateien löschen

Einzelne Mediadatei löschen

Bild loeschen
  • Klicken Sie auf die 3 Punkte beim Thumbnail oder führen Sie einen Rechtsklick auf das Thumbnail aus.
  • Wählen Sie “Media-Datensatz löschen” aus dem Kontextmenü.
  • Bestätigen Sie Ihren Wunsch in der folgenden Maske mit einem Klick auf den Button “delete”.

Mediadatei ersetzen

Wenn ein Bild bereits an mehreren Stellen der Webseite verwendet wird und im Laufe der Zeit aktualisiert bzw. ausgetauscht werden muss, gibt es hierfür in bee.tools einen einfachen Workflow:
Bild ersetzen
  1. Navigieren Sie in der Mediathek zu dem Bild, das ersetzt/ausgetauscht werden soll.
  2. Klicken Sie auf die 3 Punkte beim Thumbnail oder führen Sie einen Rechtsklick aus und wählen Sie “Bearbeiten des Media-Datensatzes".
  3. Klicken Sie in der folgenden Maske auf den Button „Mediadatei ersetzen“ unterhalb des Thumbnails.
    1. Laden Sie das aktualisierte Bild wie gewohnt in der folgenden Maske hoch.
    2. Klicken Sie auf „save“, um das aktualisierte Bild hochzuladen.
    3. Schließen Sie das Upload-Popup mit einem Klick auf “close”.
  4. Ändern Sie nun den Originaldateinamen ab, verwenden Sie am besten eine Versionsnummer. (Sorgt dafür, dass die Browser das Bild nicht mehr aus dem Cache laden)
  5. Klicken Sie auf “save” oder “return” in der Bearbeiten-Maske, um den Austausch zu bestätigen.
Achtung: Das neue Bild muss das gleiche Format bzw. Seitenverhältnis wie das Originalbild haben. Bsp: Ein quadratisches Bild kann nur mit einem quadratischen Bild ersetzt werden.

Bild rotieren & spiegeln

Sie können Bilder direkt in der Mediathek rotieren & spiegeln. Gerade nach dem Smartphone-Upload kann eine Anpassung der Ausrichtung erforderlich sein. Wird das Bild bereits an einer Stelle verwendet, kann es nur um 180° gedreht oder gespiegelt werden. Wurden Bilder in Browsern bereits aufgerufen, wird das Bild nicht mehr von Ihrer Webseite aus abgerufen, sondern aus dem Browsercache. Um den Browser zu zwingen, Bilder neu zu laden, verändern Sie den Originaldateinamen in der „Media bearbeiten“-Maske oder in der Media-Detail-Auflistung.
Bild rotieren spiegeln
  1. Führen Sie einen Rechtsklick auf das Thumbnail aus oder klicken Sie auf die 3 Punkte.
  2. Wählen Sie “Bild rotieren + spiegeln” aus dem Kontextmenü.
  3. In der folgenden Maske können Sie Ihre Bearbeitung durchführen.
  4. Mit einem Klick auf “save” speichern Sie Ihre Änderung.

Bild zuschneiden & neues Bild erzeugen

In der bee.tools Mediathek ist es auch möglich, Bilder direkt zuzuschneiden. Die Schnittmaske lädt dabei die Bildverhältnisse, die Sie auf Ihrer Webseite verwenden. Dies erspart den Umweg über externe Bildbearbeitungsprogramme.

Achten Sie beim Beschneiden auf die „Größe Schnittbereich“. Das fertig geschnittene Bild sollte für eine scharfe Darstellung, das doppelte der Anzeigegröße auf Ihrer Webseite enthalten. Als Faustformel gilt: Bei einer Webseiten-Content-Breite von 1800 px muss das Bild mindestens 3600px breit sein. Die Bilddarstellung unterhalb entspricht nicht der realen Größe des Bildes!
Bild zuschneiden
  1. Führen Sie einen Rechtsklick auf das Thumbnail aus oder klicken Sie auf die 3 Punkte und wählen Sie “Bild zuschneiden + neues Bild erzeugen” aus dem Kontextmenü.
  2. In der folgenden Maske haben Sie folgende Möglichkeiten:
    1. Sie können direkt beim Bild den Bereich durch Verschieben und Vergrößern wählen. Achten Sie dabei immer auf die Größe des Bildes, ersichtlich im Bereich "Größe Schnittbereich".
    2. Sie verwenden die Voreinstellungen oberhalb des Bildes
      1. Schnittgröße: Wählen Sie hier eine vorgegebene Schnittgröße oder schneiden Sie das Bild manuell zu.
      2. Position Schnittbereich X / Y: Geben Sie händisch Ihre Schnittposition an oder verschieben Sie den Ausschnitt über die Vorschau.
      3. Größe Schnittbereich: Geben Sie die Größe Ihres Zuschnitts an oder passen Sie diesen direkt über die Vorschau an.
      4. Bild zoomen: Zoomen Sie den Bildbereich passend zu Ihrem Bildaussschnitt.
  3. Mit einem Klick auf den “save”-Button erstellen Sie ein neues Bild aus Ihrer Bearbeitung.

PDF in JPG konvertieren

bee.tools ermöglicht Ihnen, die Seiten eines PDF-Dokuments in JPG-Bilder umzuwandeln:
Bild pdf2jpg
  1. Führen Sie einen Rechtsklick auf das Thumbnail (PDF-Mediadatensatz) aus oder klicken Sie auf die 3 Punkte und wählen Sie „in JPG konvertieren“ aus dem Kontextmenü.
  2. In der folgenden Maske haben Sie nun weitere Optionen:
    1. x-DPI / y-DPI: Gibt die Auflösung der Bilddatei an.
    2. Qualität
    3. Ordnername: Wählen Sie einen Mediaordner aus, in dem die JPG-Bilder gespeichert werden.
    4. PDF flatten: Reduziert PDF-Dateien mit mehreren Ebenen auf eine Ebene.
    5. Aus PDF nur Seite x als JPG speichern: Gibt die gewünschte Seitenzahl an, Seite 1 im PDF entspricht der Angabe „0“.
  3. Klicken Sie auf „save“, um den Konvertierungsvorgang zu starten.

PNG in JPG konvertieren

Da JPG-Dateien für gewöhnlich weniger Speicher benötigen, ist es meistens ratsam, Bilder im JPG-Format zu hinterlegen. Nur Bilddateien mit Transparenzen sollten das PNG-Format beibehalten, da JPG keine Transparenzen kennt.

Um ein PNG-Bild aus Ihrer Mediathek in ein JPG-Bild umzuwandeln,
  1. Führen Sie einen Rechtsklick auf Thumbnail aus oder klicken Sie auf die 3 Punkte.
  2. Wählen Sie “in JPG konvertieren” aus dem Kontextmenü.
  3. In der folgenden Maske haben Sie folgende Optionen:
    1. x-DPI / y-DPI: Gibt die Auflösung des Bildes an.
    2. Qualität
    3. Ordnername: Geben Sie einen Ordner an, in dem die konvertierten Bilder gespeichert werden.
  4. Klicken Sie auf “save”, um den Konvertierungsvorgang zu starten.

GIF in JPG konvertieren

Neben der Konvertierung von PDF und PNG in JPG, beherrscht bee.tools auch die Umwandlung von GIF-Dateien und animierten GIF-Dateien in JPG:
  1. Führen Sie einen Rechtsklick auf Thumbnail aus oder klicken Sie auf die 3 Punkte.
  2. Wählen Sie “in JPG konvertieren” aus dem Kontextmenü.
  3. In der folgenden Maske haben Sie folgende Optionen:
    1. x-DPI / y-DPI: Gibt die Auflösung des Bildes an.
    2. Qualität
    3. Ordnername: Geben Sie einen Ordner an, in dem die konvertierten Bilder gespeichert werden.
  4. Klicken Sie auf “save”, um den Konvertierungsvorgang zu starten.
Hinweis: Für jeden Frame der GIF-Animation wird ein eigenes JPG-Bild erstellt.

JPG + PNG: Wasserzeichen hinzufügen + Bild in Bild

bee.tools stellt Ihnen eine Funktion zur Verfügung, mit der Sie einfach Wasserzeichen zu Ihren Bildern hinzufügen können. Anstatt Wasserzeichen können Sie aber auch andere Bilder in Ihr Bild integrieren. Werden mehrere Bilder markiert, können Sie die Aktion gleich bei mehreren Bildern durchführen.

Bei jeder EInstellung: Verwenden Sie die Schaltfläche „Vorschau“, um sich die Änderung anzuzeigen. Nach dem Speichern können Sie diese Aktion nicht mehr rückgängig machen!

Hinweis zur Verwendung Ihrer Bilddaten: Inzwischen sind KI-Tools in der Lage, Wasserzeichen aus Bildern zu entfernen. Sofern dies von Ihnen nicht erlaubt wurde, stellt dies ein Copyright-Verstoß dar, den Sie in der Regel ahnden können.
Bild Wasserzeichen
  1. Aktivieren Sie die Checkbox am Thumbnail der gewünschten Bilder, um die Massenbearbeitung zu aktivieren.
  2. Klicken Sie unterhalb der Ordneransicht auf das Dropdown “Aktion”.
  3. Wählen Sie den Punkt “Bei markierten Mediendateien Wasserzeichen hinzufügen”.
  4. In der folgenden Maske machen Sie folgende Angaben:
    1. Wasserzeichen: Wählen Sie ein transparentes PNG-Bild als Wasserzeichen.
    2. Ausrichtung: Wählen Sie Grundposition des Wasserzeichens.
    3. Rand X-Achse / Rand y-Achse: Geben Sie den Randabstand an.
    4. Wasserzeichengröße: Wählen Sie, in welcher Größe das Wasserzeichen hinzugefügt werden soll.
  5. Über den Button “Vorschau” können Sie sich eine Vorschau anzeigen lassen.
  6. Klicken Sie auf “save”, um das Wasserzeichen hinzuzufügen.

MP4-Dateien in HTML5-Video konvertieren

Wie Sie mp4-Dateien in HTML5-Videos, die dann im Frontend verwendet können, umwandeln, lesen Sie in unserer Doku “HTML5-Video”.

Mediadaten: Informationen auslesen + hinterlegen

Sie können zu jeder Datei in der Mediathek Information hinterlegen oder ändern. Hierzu gehören bspw.:
  • Originaldateiname
  • GEO-Location
  • Urheber
  • Lizenz-Link
  • Lizenz-Info
  • Kommentar
Die Grundinformationen für Urheber, Lizenz-Link und Lizenz-Info können aus den IPTC-Daten des Bildes übernommen werden, falls diese dort hinterlegt sind.
Hinweis:
Beim Ändern des Dateinamens wird nur der Name im Backoffice geändert. Der Name der Datei auf dem Server bleibt gleich.

IPTC- und EXIF-Daten

Mit Tools wie Adobe Bridge oder Lightroom ist es möglich, Bilder mit Informationen wie z. B. Keywords, Beschreibung, Copyright-Hinweisen u.s.w. zu versehen. Diese Daten werden IPTC-Daten (International Press Telecommunications Council) genannt.
Außerdem werden zu Fotos sog. EXIF-Daten (Exchangeable Image File Format) gespeichert. Diese Daten umfassen u.a.:
06 iptc exif
  • Kameratyp & Objektiv
  • Brennweite, Belichtungszeit, Blendenzahl, Belichtungsprogramm
  • Datum und Uhrzeit
  • Geographische Daten
In der bee.tools Mediathek können diese Informationen angezeigt werden. Über die Backoffice-Suche können diese auch gesucht werden. IPTC- und EXIF-Daten lassen sich jedoch nicht ändern.
Die Information finden Sie im Bild-Datensatz unter dem Abschnitt “Eigenschaften + Kommentar + IPTC + EXIF”.
Angaben zum Urheber werden in bee.tools im Mediadatensatz automatisch in das Feld “Urheber” übernommen, sofern die Angabe vorhanden. Ist diese Angabe nicht gegeben, wird auf das IPTC-Feld “Anbieter” zurückgegriffen.
Angaben zum Anbieter werden außerdem immer in das Datensatz-Feld “Lizenz-Info” übernommen.
Beim Upload werden die IPTC- und EXIF-Informationen aus der Bilddatei entfernt und im zugehörigen Datensatz gespeichert. Das hat den Vorteil, dass sich dadurch der Speicherplatz der Bilddatei selbst verkleinert und diese im Frontend schneller geladen werden kann.
Das CMS bee.tools bietet eine Funktion, die Copyright-Hinweise der verwendeten Bilder an geeigneter Stelle (z. B. im Impressum) anzuzeigen. Dafür müssen die Urheber-Daten beim Bild hinterlegt sein:
  1. Navigieren Sie in der Mediathek zum gewünschten Bild.
  2. Klicken Sie auf das Thumbnail, um das Bild zu bearbeiten, oder führen Sie einen Rechtsklick aus und wählen Sie “Bearbeiten des Mediadatensatzes” aus dem Kontextmenü.
  3. Füllen Sie das Feld “Urheber” aus.
  4. Klicken Sie auf den Button “save”, um Ihre Angaben zu speichern.

Bilder für das Web optimieren

Eine besondere Stärke von bee.tools ist die Bildoptimierung. Diese sorgt in 2 Schritten dafür, dass Ihre Bilder optimiert werden und dadurch schnell geladen werden können.
Wie genau das funktioniert, erfahren Sie in unserem Hilfetext “Bildoptimierung”.

Bilder mit Leonardo.AI erstellen

Das Bild zeigt eine majestätische, schneebedeckte Berglandschaft, umgeben von einem lebendigen, grünen Wald.
Sofern die Leonardo.AI API aktiviert ist, können Sie Bilder mithilfe der Leonardo.AI KI erstellen und importieren.
  • Wechseln Sie zunächst in einen Mediaordner
  • In der Medialiste erscheint im Titel-Bereich, die Leonardo.AI-Schaltfläche
    Erscheint diese nicht, ist die Leonardo.AI API nicht aktiviert
  • Mit einem Klick öffnen Sie den Erstell-Pop-Up.

Über das Leonardo.AI Erstell-Pop-Up können Sie Bilder erzeugen lassen, aber auch bereits erzeugte Bilder importieren. 
Einstellungen:
  • Prompt zur Bild-Erstellung (Was soll auf dem Bild zu sehen sein?): Geben Sie hier den Prompt ein, der das Bild erzeugen soll. Beschreiben Sie möglichst genau, was Sie haben wollen. Geben Sie auch an, in welchem Stil das Bild erzeugt werden soll.
    Achtung: Einige Prompt-Angaben werden von Leonardo.AI geblockt. U. a. Sexuelle / Pornografische Anweisungen, aber auch Markennamen. Dennoch kann es vorkommen, dass die Bilder sehr einer Marke ähneln. Es obliegt Ihrer Verantwortung, zu prüfen, ob das Bild verwendet werden darf!
    Sie sind sich nicht sicher, ob der Prompt ausreicht? Kein Problem, dafür kann man das Feld „eingegebenen Prompt verbessern“ nutzen.
  • Eingegebenen Prompt verbessern: Mit dieser Funktion hilft Leonardo.AI den Prompt zu verbessern.
    • Geben Sie als erstes im o. g.  „Prompt zur Bild-Erstellung“-Feld den gewünschten Prompt ein. 
    • Öffnen Sie nun den Bereich „eingegebenen Prompt verbessern“
    • Fügen Sie, falls gewünscht „Weitere Anweisungen für die Prompt-Optimierung“ ein
    • Klicken Sie jetzt auf die Schaltfläche „Eingegebenen Prompt jetzt von Leonardo.AI optimieren lassen“.
    • → Der Prompt wird nun an Leonardo.AI gesendet und optimiert. Der optimierte Leonrado.AI Prompt wird automatisch in das Feld „Prompt zur Bild-Erstellung“ eingetragen. Da Leonardo.AI in englisch denkt, ist der neue Prompt ebenfalls in englisch. Sofern die Übersetzungs API DeepL aktiviert ist, wird der Prompt unterhalb des Prompt-Fensters in Deutsch angezeigt. Sie können entweder mit dem deutschen oder dem englischen Prompt weiter arbeiten.
    • Prüfen Sie jetzt den Prompt und passen Sie diesen manuell an, falls er nicht ganz Ihren Vorstellungen entspricht
  • Negativ-Prompt zur Bild-Erstellung (Was darf nicht auf dem Bild zu sehen sein?): Hier können Sie Anweisungen ergänzen, die Leonardo.AI nicht integrieren soll. Soll z. B. eine Landschaft erzeugt werden, können Sie ausschließen, dass Häuser auf dem Bild zu sehen sein sollen.
  • Bei Modell wählen (Welche Art von Bild soll erzeugt werden?) werden alle verfügbaren Leonardo.AI Modelle mit einem Vorschaubild gelistet. Wählen Sie hier die passendste Variante aus.
  • Kontrast: Gibt den Kontrast des Bildes an
  • Bildbreite: Tragen Sie die Bildbreite des Bildes an. Vorsicht: Die Erstellung großer Bilder kostet auch mehr. Nehmen Sie deshalb lieber einen kleineren Wert und vergrößern Sie das ausgewählte Bild mit der in bee.tools integrierten CLAID.AI.
  • Bildverhältnis: Geben Sie an, in welchem Verhältnis das Bild erzeugt werden soll. Es werden alle Bildverhältnisse angezeigt, die in Ihren Eingabetemplates bei den Artikeln verwendet werden.
  • Wie viele Bilder sollen erzeugt und zur Auswahl gestellt werden?: Wir empfehlen 4 Bilder erstellen zu lassen, aus dem man dann das passendste Bild auswählen kann. 
    Hinweis: Da die Erzeugung und nicht das Ergebnis Geld kostet, multiplizieren sich auch hier die Kosten. In der Regel sind die Kosten jedoch gering.
  • Folgendes Bild soll der Bild-Erstellungs-KI als Vorlage verwendet werden: Wenn Leonardo.AI ein komplett neues Bild erstellen soll, muss kein Bild angegeben werden. Mit diesem Vorgabebild können Sie Leonardo.AI eine Richtung vorgeben. Mit der zusätzlichen Option „Wie stark soll sich die KI an die Bildvorlage halten?“ wird angegeben, wie viel Freiraum die KI bei der Erstellung hat.
  • Wie stark soll sich die KI an die Bildvorlage halten?: Siehe Beschreibung des vorherigen Punktes.
Mit der Schaltfläche "create" werden die Bilder erzeugt. Die Bilder bleiben nach Abschluss zunächst bei Leonardo.AI liegen. Erst wenn beim Ergebnis-Pop-Up auf "save" geklickt wird, wird das Bild in die Mediathek übernommen.

Schaltflächen:
  • Erstell-Pop-Up
    • "create": Schickt den Prompt mit den Einstellungen ab und lässt die Bildvorschläge erzeugen
    • "import": Zeigt alle Bilder an, die von Leonardo.AI bisher über den API-Schlüssel erstellt wurden. Alle diese Bilder können jederzeit in die Mediathek importiert werden.
  • Ergebnis Pop-Up
    • "save" oder "Ja, markierte Bilder jetzt speichern": Speichert das gewählte Bild / die gewählten Bilder in der Mediathek.
    • "edit" oder "Nein, markiertes Bild weiter anpassen (Nur 1 Bild markieren!): Sie können das erzeugte Bild mit einem weiteren Promptbefehl weiter anpassen
    • "trash" oder "Nein, neuen Versuch starten": Zeigt das Erstell-Pop-Up an - ohne ein Bild zu übernehmen.

Weitere Hilfeseiten