Profilbild ändern

Benutzer können das Erscheinungsbild für das Benutzermenü innerhalb der Top Bar (s. Arbeiten in der Benutzeroberfläche) durch das Hochladen eines Profilbilds personalisieren.

  • Solange kein Profilbild hinterlegt ist (z. B. auch für Gastbenutzer, die kein Profilbild hochladen können), erscheint dort das erste Zeichen der Zeichenfolge, die den Benutzer identifiziert (s. Benutzermenü).

Die Funktion Profilbild ändern ist über den Menüeintrag "Einstellungen" im Benutzermenü der Top Bar per Tab im zugehörigen Dialog verfügbar, sofern die Rolle der Session über die betreffende Berechtigung (Verwaltung/Konten/Profil/Profilbild ändern) verfügt:

Der Profilbild-Tab im Einstellungen-Dialog beinhaltet alle Funktionen für die Verwaltung des Profilbilds:

  • Der quadratische Vorschaubereich erscheint leer, wenn noch kein Profilbild in Gebrauch ist und noch keines hochgeladen wurde.

  • Das Hochladen eines Bilds ermöglicht ein Datei-Element unterhalb, über das per Drag & Drop oder über einen per Klick geöffneten Auswahldialog eine Bilddatei als Basis für das Profilbild hochgeladen werden kann.

HINWEIS◄ Das Einfügen eines Bilds aus der Zwischenablage des Client-Betriebssystems ist an dieser Stelle nicht vorgesehen.

Die hochgeladene Datei erscheint sofort im Vorschaubereich, wo es für die Verwendung als Profilbild bei Bedarf aufbereitet werden kann:

  • Per Standard sieht das Benutzermenü die Anzeige eines kreisrunden Bildausschnitts als Profilbild vor.

  • Sofern das hochgeladene Bild nicht zufällig über quadratische Proportionen (Breite=Länge) verfügt, erscheint im Vorschaubereich nur ein Ausschnitt aus dem Gesamtbild.

  • Die nicht abgeblendete Kreisfläche in der Mitte symbolisiert den Ausschnitt aus dem Gesamtbild, der als Profilbild verwendet werden soll.

  • Das Bild kann per Drag & Drop verschoben werden, um den Bildausschnitt anzupassen.

  • Der Schieberegler unterhalb reguliert die Zoomstufe, die ggf. auch per Mausrad verändert werden kann.

  • Die Buttons rechts neben dem Schieberegler rotieren das Bild in Schritten von 90° nach links oder rechts.

images/download/attachments/201673616/image-2025-5-9_13-21-23-version-1-modificationdate-1746789682868-api-v2.png

images/download/attachments/201673616/image-2025-5-9_13-33-10-version-1-modificationdate-1746790390104-api-v2.png

Ist der gewünschte Bildausschnitt für das Profilbild erfolgreich "anvisiert", kann das das Ergebnis noch über den Button Setzen als Profilbild übernommen werden.

Wird kein zufriedenstellendes Ergebnis erreicht stehen unterschiedliche Aktionen zur Auswahl:

  • Der Vorgang kann per Klick auf das X-Symbol rechts oben im Dialog (nicht im Bild zu sehen) oder durch Drücken der Esc-Taste komplett abgebrochen werden.

  • Per Klick auf den Button Kein Profilbild wird nicht nur die aktuelle Bearbeitung abgebrochen, sondern auch ein ggf. vorher zugewiesenes Profilbild entfernt.

  • Ein Klick auf das X-Symbol im Dateinamen unterhalb der Vorschau entfernt das hochgeladene Bild, sodass ein Neues hochgeladen werden kann.

images/download/attachments/201673616/image-2025-5-9_13-40-1-version-1-modificationdate-1746790800885-api-v2.png

HINWEIS◄ Das zum Bearbeiten hochgeladene Bild wird beim Setzen nicht komplett auf den Lobster Data Platform-Server hochgeladen. Vielmehr wird nur ein quadratischer Bildausschnitt, übernommen.

Der Screenshot rechts zeigt, die Vorschau, die ein Benutzer sieht, wenn er nach dem Setzen erneut die Funktion Profilbild ändern aufruft. Man kann also nicht nachträglich wieder "herauszoomen", um Bildanteile zurückzugewinnen, die durch das "Beschneiden" entfernt worden sind.

Die Dateigröße wird durch minimiert und abgeschnittene Inhalte bleiben "privat".

images/download/attachments/201673616/image-2025-5-9_14-33-35-version-1-modificationdate-1746794015262-api-v2.png

►HINWEIS◄ Die Styles-Eigenschaft avatarBorderRadius kann verwendet werden, um den Kurvenradius für den Bildausschnitt anzupassen. Der Standardwert von 50% (Radius : Diagonale) definiert einen Vollkreis. Mit einem Wert von 0% wird ein quadratischer Ausschnitt angezeigt. Diese Einstellung kann allerdings nicht individuell beim Zuordnen des Profilbilds festgelegt werden.

Die folgende Tabelle stellt Screenshots mit unterschiedlichen Radien gegenüber. Im Vorschaufenster wird ohne Beachtung dieser Einstellung immer ein Kreis angezeigt.

Styles- Einstellung

Effektive Anzeige im Benutzermenü

avatarBorderRadius

20%
(abgerundete Ecken)

images/download/attachments/201673616/image-2025-5-9_14-24-26-version-1-modificationdate-1746793466260-api-v2.png

avatarBorderRadius

50%
(Vollkreis)

images/download/attachments/201673616/image-2025-5-9_14-27-38-version-1-modificationdate-1746793658058-api-v2.png

Zugriff auf Profilbilder

Typischerweise erscheint das Profilbild eines Benutzers nur im Kontext "seiner" Anmeldung im Benutzermenü in der Top Bar seiner Sitzung.

Allerdings wird jedes Profilbild beim Setzen in das avatar-Unterverzeichnis des öffentlichen web-Ordners (für Lobster Data Platform / Orchestration) übernommen, sodass man es recht einfach "wiederverwenden" kann.

  • Einerseits wird der Profil-Bild-Datei ein systematischer Dateiname mit dem Schema user_avatar_{username}.png zugewiesen.

  • Andererseits wird in den Daten der Benutzer mit Profilbild das avatarURL-Feld mit einer Verknüpfung befüllt, über die auf das Bild zugegriffen werden kann.