Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Info

Mit dem Bildupload können ein oder mehrere Bilder hochgeladen werden. Pro Bild kann zudem ein Bildschwerpunkt gesetzt, das Bild gedreht sowie eine Bildunterschrift und ein oder eine Bildautor:in vergeben werden.

Funktionalitäten des Bilduploads:

  • Upload von jpg-, png-, gif-, tif,- und bmp-Dateien in das PORTAL

  • Editieren von Bildern und Bildausschnitten

Inhaltsverzeichnis

Expand
titleInhaltsverzeichnis anzeigen
Table of Contents
maxLevel4

Allgemeine Beschreibung

Mit dem Bildupload können ein oder mehrere Bilder ins PORTAL hochgeladen werden. Außerdem kann bei jedem Bild ein Bildschwerpunkt gesetzt, das Bild gedreht sowie eine Bildunterschrift und ein oder eine Bildautor:in vergeben werden. Über Drag & Drop kann die Bildreihenfolge geändert werden. Beim Hochladen eines Bildes werden einmalig mehrere Auflösungsvarianten angelegt und zu “srcsets” zusammengefasst (auch im Quelltext der Seiten zu sehen). Ein “srcset” bietet dem Browser ein Set von verschiedenen Auflösungen eines Bildes an, der Browser lädt dann die für die Bildschirmgröße optimale Variante. Details siehe Bilder-Handling (Komprimierung).

Der Bildupload wird in mehreren Kontexten genutzt:

Akzeptierte Formate

Ausgespielt werden im PORTAL jpg- und png-Bilder. Neben diesen beiden Formaten können auch gif und tif (werden in png konvertiert) und bmp (wird zu jpg konvertiert) hochgeladen werden. Wir empfehlen jedoch aus Performance- und Darstellungsgründen, nur jpg- und png-Bilder hochzuladen. Die maximale Dateigröße beträgt 32 MB.

Drop-Zone

Der Bildupload verfügt über eine eigene Drop-Zone, auf die eine oder (im Falle des Multi-Uploads) mehrere Bilddateien per Drag & Drop hochgeladen werden.

Single-Upload

Beim Hochladen von Schnappschüssen oder zum Beispiel eines Profilbildes kommt ein anderer Upload-Mechanismus und demnach ein anderer Workflow zum Tragen als beim Upload für einen Beitrag. Die wesentliche Unterscheidung liegt hier in der

Sofern die Dateien außerhalb der Drop-Zone auf das Formular gezogen werden, passiert nichts.

Image Added

 

 

Sobald die Dateien auf die Drop-Zone gezogen werden, überprüft das PORTAL Dateiformate, Dateigrößen und Anzahl der Dateien und gibt eine visuelle Rückmeldung, ob der Upload erlaubt ist oder nicht.

 

Image Added

 

Image Added

Klick auf die Drop-Zone

Der Klick auf die Drop-Zone öffnet den File-Explorer des jeweiligen Endgeräts. Dort können eine (im Falle des Single-Uploads) oder mehrere Bilddateien (im Falle des Multi-Uploads) ausgewählt und hochgeladen werden. Dabei werden im File-Explorer nicht unterstützte Bildformate ausgeblendet.

Single-Upload

Die wesentliche Unterscheidung zum Multi-Upload liegt in der Einschränkung der Anzahl der Bilder und dem Editor-Handling, da bei Schnappschüssen und dem Profilbild lediglich ein Bild beim Single-Upload lediglich eine Bilddatei hochgeladen werden kann.

Dieses Das Bild wird dann beim Single-Upload direkt in den Bildeditor geladen, wo es nochmal ausgetauscht und bearbeitet (gedreht oder anders fokussiert) werden kann. Bei Schnappschüssen kann werden kann und - je nach Inhaltstyp - mit einer Bildunterschrift oder mit einem Vermerk zusätzlich der oder auf den bzw. die Urheber:in hinterlegt versehen werden kann.

Single-Upload bei Profilbildern

Image Removed
Image Removed
Image Removed
Image Removed
Image Removed
Image Removed

Single-Upload bei Schnappschüssen

Image Removed
Image Removed
Image Removed
Image Removed
Image Removed
Image Removed

Multi-Upload

Image Removed

Multi-Upload von lokal abgespeicherten Bildern

Image Removed

Beim Multi-Upload können mehrere Bilder auf einmal am Inhalt hochgeladen werden. Diese werden nicht direkt in den Bildeditor geladen, sondern dem oder der Reporter:in in seiner oder ihrer Erfassungsmaske angezeigt und können im Nachhinein einzeln für etwaige Änderungen in den Bildeditor geladen werden.

Multi-Upload bei Beiträgen & Veranstaltungen

Image Removed
Image Removed
Image Removed
Image Removed
Image Removed
Image Removed
Image Removed

Image Removed
Image Added

Verwandte Seiten

Filter by label (Content by label)
showLabelsfalse
showSpacefalse
cqllabel = "bildverwaltung-portal" and space = "PPSD"