Dateien hochladen

• Wählen Sie den gewünschten Zielordner aus oder legen Sie einen neuen an.
• Ziehen Sie die gewünschte Datei in den Inhaltsbereich des Zielordners.
• Alternativ klicken Sie auf das Symbol „Dateien hochladen“ oberhalb des Inhaltsbereiches und wählen anschließend die Datei von Ihrem Rechner aus.
• Bearbeiten Sie die Metadaten der Datei.
• Vergeben Sie einen „Titel“.
• Soll eine Bildunterschrift angezeigt werden, pflegen Sie diese in das Feld „Beschreibung“ ein (Nicht in jedem Element wird diese ausgegeben).
• In das Feld „Alternativer Text“ kann eine Bildbeschreibung eingetragen werden, die Screenreader auslesen. Beachten Sie dabei die Vorgaben für Alt-Texte und die Hinweise zur Dateibenennung und Copyright.
• In das Feld „Bild Caption zur Beschreibung komplexer Grafiken“ können Sie eine längere Beschreibung des Bildes einfügen. Dieser Text wird nicht ausgegeben, aber von Screenreadern vorgelesen. Füllen Sie dieses Feld aus, wenn es sich bei dem Bild um eine Infografik handelt, die eine längere Beschreibung benötigt.
• Klicken Sie auf den Reiter „Metadaten“ und fügen Sie den entsprechenden Copyright-Vermerk in das Feld „Urheberrecht“ ein.
• Klicken Sie anschließend auf den Button „Speichern“.

• Wählen Sie den gewünschten Zielordner aus oder legen Sie einen neuen an.
• Ziehen Sie die gewünschte Datei in den Inhaltsbereich des Zielordners.
• Alternativ klicken Sie auf das Symbol „Dateien hochladen“ oberhalb des Inhaltsbereiches und wählen anschließend die Datei von Ihrem Rechner aus.
• Bearbeiten Sie die Metadaten der Datei.
• Vergeben Sie einen „Titel“. Dieser wird bei Downloads auf der Webseite statt des Dateinamens ausgegeben.
• Klicken Sie anschließend auf den Button „Speichern“.

• Wählen Sie den gewünschten Zielordner aus oder legen Sie einen neuen an.
• Klicken Sie auf den Button „Datei erstellen“ oberhalb des Inhaltsbereichs des Zielordners.
• Kopieren Sie die URL des gewünschten YouTube-Videos im Abschnitt „Neue Mediendatei hinzufügen“ in das Feld „URL der Quelldatei“ ein.
• Klicken Sie auf den Button „Medien hinzufügen“.
• Klicken Sie anschließend auf den Button „Speichern“.

Icons werden nicht mehr als Dateien hochgeladen, da dies in der Vergangenheit zu Problemen führte. Um eine korrekte Darstellung der Icons in verschiedenen Farben und Anwendungsszenarien zu gewährleisten und um Dopplungen zu vermeiden, gibt es ein vordefiniertes Icon-Set. Dieses ist technisch im TYPO3-System integriert und steht in den entsprechenden Inhaltselementen zur Verfügung. Das Icon-Set kann in beiden Mandanten genutzt werden.

Sollten darüber hinaus weitere Icons benötigt werden, bitte keinesfalls selbständig eins in der Dateiliste hochladen, sondern an die Online-Redaktion (online-redaktion@dataport.de) wenden.

• Dateinamen dürfen keine Umlaute enthalten.
• Auf Großschreibung sollte verzichtet werden.

Hier finden Sie SEO-Hinweise zur Bildbenennung.

• Bilder sollen immer eine Auflösung von 72 dpi haben.
• Partner-Logos sollten mindestens 300 Pixel breit und mindestens 300 Pixel hoch sein.
• Bilder, die über die ganze Breite laufen, wie Bilder für den Seitenkopf oder Bilder mit Scroll-Effekt sollten eine Breite von 2000 Pixeln haben.
• Für Bilder, die in den Content gepflegt werden, genügt eine Breite von 1200 Pixeln.
• Die Bilder der Kontakte sollten mindestens 300 Pixel breit und mindestens 300 Pixel hoch sein.
• Um die Dateigröße weiter zu reduzieren, sollten alle Bilder vor dem Upload durch weitere Bildoptimierer, wie z.B. ImageOptim geführt werden.

Für die Produktlogos werden SVGs verwendet. Die Vektorgrafik sollte folgende Vorgaben erfüllen:

• keine Konturen, nur Flächen
• keine ausgeblendeten Ebenen/Objekte
• Flächen der gleichen Farbe in einer Form (Pathfinder)

Bevorzugtes Export-Programm: Sketch oder Figma

Wird die Grafik in Adobe Illustrator erstellt und exportiert, sind folgende SVG-Export-Einstellungen vorzunehmen:

• mehr Optionen anklicken
• Haken bei "Responsiv" entfernen

Nach dem Export via Adobe Illustrator sollte die Datei noch unter https://jakearchibald.github.io/svgomg/ weiter optimiert werden. Hier sind alle Toggles zu deaktivieren, außer:

• Show original
• Multipass
• Remove xmlns
• Prefer viewBox to width/height
• Bei mehrfarbigen Grafiken außerdem noch: Remove style elements

Die Logos haben eine Höhe von 30 Pixeln, solange der Schriftzug keine Unterlängen (z.B. beim "g") hat. Wenn das Logo Unterlängen hat, dann hat es eine Höhe von 38 Pixeln (wird beim Export wahrscheinlich ein krummer Wert). Es gibt "Ausreißer"-Logos, wie z.B. dataportai - da muss man dann gucken wie groß es sein muss, damit es optisch zu den anderen passt. Die SVGs haben dabei kein "Fleisch", also keinen Weißraum innerhalb der Datei und die Länge ergibt sich je nach Schriftzug.

Infografiken, Partner-Logos und andere grafische Inhalte sollten als PNGs eingebunden werden.