---
title: "Welche Widget-Größen gibt es?"
description: "Widgets können in der Bibliothek in drei verschiedenen Größen angezeigt werden: Banner, Quadrat und Normal."
url: https://knowledgebase.ovosplay.com/de/articles/6908264-welche-widget-grossen-gibt-es
collection: "Umgang mit der Bibliothek"
updated: 2025-07-09
language: de
alternates: [en]
---

# Welche Widget-Größen gibt es?

Widgets können in der Bibliothek in drei verschiedenen Größen angezeigt werden: Banner, Quadrat und Normal.

Widgets werden in der Bibliothek neben Themen und Lernpfaden angezeigt. Sie können dabei in verschiedenen Größen dargestellt werden, um Widget-Inhalte prominent hervorzuheben.

Dabei stehen Ihnen drei Größen zur Verfügung:

-   [Normal](#h_c972bd9416),
    
-   [Quadrat](#h_7f645958fb) und
    
-   [Banner](#h_592971ee4d).
    

![Darstellung von verschiedenen Widget-Größen in der Desktop und Mobile-Ansicht.](https://staticfiles.gleap.io/helpcenter/67977354a195132198129e35/20250218151544_4538.png)

## Normale Größe

Die normale Größe von Widgets ist gleich groß wie Themen und Lernpfade. Die normale Größe wird in der Desktop- und Mobile-Variante ident dargestellt.

Diese Größe eignet sich besonders für:

-   Linksammlungen zu externen Webseiten.
    
-   Verweise auf Impressum, Datenschutz oder Sponsoren.
    

![](https://staticfiles.gleap.io/helpcenter/67977354a195132198129e35/20250218151543_2243.png)

**Empfehlung für die Bildgröße:**

-   Querformat 3:1
    
-   Empfohlene Auflösung: 600 x 200 Pixel
    
-   .jpg, .png oder .gif
    
-   Kleiner als 200 kB
    

## Quadratische Größe

Die quadratische Größe ist gleich breit wie die normale Größe, dafür doppelt so hoch. Die quadratische Größe füllt in der **mobilen Variante** die Breite des Bildschirms aus. In der **Desktop-Variante** wird die quadratische Größe, je nach Sortierung der Bibliotheks-Elemente in das Layout eingepasst.

Die quadratische Größe eignet sich besonders für:

-   Hervorgehobene Darstellung von neuen externen Inhalten.
    
-   Quadratische Hintergrundbilder.
    
-   Einbetten von iFrames (z.B. Video-Streams).
    

![Darstellung der quadratischen Größe in der Desktop- und Mobil-Variante](https://staticfiles.gleap.io/helpcenter/67977354a195132198129e35/20250218151544_6545.png)

**Empfehlung für die Bildgröße:**

-   Quadratisches Format 1:1
    
-   Empfohlene Auflösung: 600 x 600 Pixel
    
-   .jpg, .png oder .gif
    
-   Kleiner als 200 kB
    

## Banner

Die Banner-Größe ist die größte der verfügbaren Größen. Mit der Banner-Größe wird das Widget auf die ganze Breite aufgezogen. Die Banner-Größe ist dabei **unterschiedlich in der Desktop und der mobilen Version**. In der Desktop-Version wird das Banner breiter als normale Themen. In der mobilen Version bleibt das Banner gleich breit, um das Bildformat der Desktop-Version anzugleichen.

![Darstellung eines Banner-Widgets in der Desktop- und Mobile-Variante.](https://staticfiles.gleap.io/helpcenter/67977354a195132198129e35/20250218151544_1859.png)

Das Banner verhält sich in der Bibliothek wie eine Zwischenüberschrift: Die nachstehenden Bibliotheks-Elemente werden in einer neuen Zeile angezeigt.

Die Banner-Größe eignet sich besonders für:

-   Die wichtigsten Inhalte.
    
-   Thematische Einleitung in die nachfolgenden Bibliotheks-Elemente.
    
-   Große Banner-Galerien mit mehreren Links und Bildern.
