Bilder hochladen und mit Metadaten versehen
Auf dieser Themenseite finden Sie Informationen zum Hochladen von Bildern in die Dateiliste.
Bilder hochladen
Hinweis: Bevor Bilder in die Dateiliste hochgeladen werden, prüfen Sie zunächst, ob diese die grundlegenden Rahmenbedingungen für Bilder im Web erfüllen. Informationen hierzu finden Sie auf unserer Themenseite zu Bildformaten.
1. Dateispeicher auswählen:
Wechseln Sie im TYPO3-Backend ins Modul "Dateiliste" und wählen dort den passenden Dateispeicher aus (siehe Screenshot "Dateispeicher auswählen").
Jeder TYPO3-Auftritt der TU Dortmund wird mit zwei Dateispeichern ausgeliefert: Dateispeicher mit dem Kürzel "_red" können von Redakteur*innen und Webadmins genutzt werden. Dateispeicher mit dem Kürzel "_wa" sind Webadmins vorbehalten.
Hinweise:
- Benutzer mit den Rollen "Redakteur" und "Redakteur Plus" können die Dateispeicher für Webadmins nicht sehen.
- Wenn Sie Zugriff auf mehrere TYPO3-Auftritt haben, sehen Sie für jeden Ihrer Auftritte die entsprechend Ihrer Rolle freigegebenen Ordner. Achten Sie darauf, Bilder und Dateien immer im Dateispeicher des Auftritts abzulegen, in dem diese später genutzt werden.
2. Bilder hochladen
Öffnen Sie im Dateispeicher den Ordner, in den Sie die Bilder hochladen wollen. Klicken Sie auf das Upload-Icon am oberen Rand des Arbeitsbereichs (siehe Screenshot "Bilder hochladen").
Es öffnet sich das Standard-Fenster Ihres Betriebssystems, mit welchem Sie eine oder mehrere Dateien auswählen und hochladen können.
Alternativ können Sie die Dateien von Ihrem lokalen Arbeitsgerät per Drag & Drop in den gestrichelt-umrandeten Bereich des Backends ziehen und dort fallen lassen.
3. Metadaten hinterlegen
Nachdem die Bilder hochgeladen sind, aktualisieren Sie den aktuellen Ordner durch einen Klick auf das Pfeil-Icon am oberen Rand des Arbeitsbereichs (siehe Screenshot "Metadaten hinterlegen").
Klicken Sie auf das Bleistift-Icon rechts neben dem jeweiligen Bild, um die Metadaten zu bearbeiten.
Hinweis: Sollten Sie die Icon-Leiste nicht sehen, aktivieren Sie die Option "erweiterte Ansicht" am unteren Rand des Arbeitsbereichs.
Speichern sie abschließend Ihre Änderungen, indem Sie auf "Speichern" am oberen Rand des Arbeitsbereichs klicken.
Gut zu wissen
Bilder ersetzen
Manchmal kommt es vor, dass ein bereits bestehendes Bild ersetzt werden muss. Wenn dieses Bild bereits auf mehreren Seiten Ihres Auftritts eingebunden wurde, sollten Sie die Ersetzen-Funktion nutzen.
Hinweis: Wie oft ein Bild bereits eingebunden wurde, erkennen Sie an der Zahl in der Spalte "Ref" (siehe Screenshot "Bilder ersetzen 1").
Klicken Sie zunächst auf das Ersetzen-Icon am jeweiligen Bild (siehe Screenshot "Bilder ersetzen 1"). Im darauffolgenden Bildschirm klicken Sie auf den Button "Durchsuchen" und wählen die neue Bilddatei von Ihrem lokalen System aus. Optional können Sie durch einen Klick auf die Checkbox wählen, ob der aktuelle Dateiname des Bildes beibehalten oder gegen den des neuen Bildes ersetzt wird (siehe Screenshot "Bilder ersetzen 2").
Abschließend klicken Sie auf den Button "Ersetzen". Das alte Bild wird automatisch an an Stellen ersetzt, an denen es im Einsatz war. Falls das neue Bild nicht direkt auf einer Seite angezeigt wird, sollten Sie den Cache der betreffenden Seite löschen.
Bilder umbenennen
Bilder können Sie durch einen Klick auf das entsprechende Icon umbenennen (siehe Screenshot). Hierbei sollte Folgendes beachtet werden:
- Nutzen Sie wenn möglich keine Sonderzeichen oder Umlaute.
- Behalten Sie das abschließende Dateikürzel bei (z. B. ".jpeg").
Bilder löschen
Bilder löschen können Sie nur, wenn diese bisher noch nicht auf einer Seite eingebunden wurden. Wie oft ein Bild bereits eingebunden wurde, erkennen Sie an der Zahl in der Spalte "Ref" (siehe Screenshot "Bilder löschen").
Wenn Sie auf die jeweilige Zahl klicken, erscheint ein Overlay. Hier sehen Sie, auf welchen Seiten und in welchen Inhaltselementen das Bild verwendet wurde - die sogenannten "Referenzen auf das Element". Durch einen Klick auf das Bleistift-Icon können Sie das jeweilige Element direkt bearbeiten (siehe Screenshot "Referenzen auf Bild prüfen").
