---
title: "Academy Lesson"
canonical_url: "https://academy.laioutr.com/lektionen/frontend-manager-medien-verwalten"
locale: de
meta:
  "og:title": "Academy Lesson"
---

[Zur Startseite](https://academy.laioutr.com/)

- [Agentic Frontend Manager](https://academy.laioutr.com/lernpfade/lernpfad-frontend-manager)

- [Medien verwalten und ausliefern](https://academy.laioutr.com/lektionen/frontend-manager-medien-verwalten)

Inhalte, Medien und Collections

# Medien verwalten und ausliefern

8 Min.

Bilder und Videos liegen in der Medienbibliothek von Cockpit und Studio. Diese Lektion zeigt, wie Medien hochgeladen, geordnet und in Blocks eingesetzt werden und wie Image CDN und Video CDN sie in passender Größe ausliefern, damit Seiten schnell bleiben. Dazu gehören auch Alternativtexte.

## Das Wichtigste in Kürze

- Die Medienbibliothek ist in Cockpit und Studio dieselbe.
- Das Image CDN wählt Format und Größe passend aus.
- Große Medien bremsen Seiten nicht, wenn sie über das CDN laufen.

## Weiterlesen

- [Medien in Cockpit und Studio verwalten](https://academy.laioutr.com/artikel/medien-in-cockpit-und-studio-verwalten)5 Min.

  Bilder, Videos und Audiodateien werden zentral in der Media Library unter Content in Cockpit verwaltet. In Studio wählt der Medienwähler Dateien aus allen verbundenen Bibliotheken, etwa aus dem Shop-System, und lädt neue hoch, wo die Bibliothek es erlaubt.
- [Bilder über das Laioutr CDN ausliefern](https://academy.laioutr.com/artikel/bilder-ueber-das-laioutr-cdn-ausliefern)4 Min.

  Das Laioutr CDN speichert die Bilder eines Projekts in einem eigenen Speicher und liefert sie über einen eigenen Hostnamen aus. Größe und Format werden beim Abruf an der Edge angepasst, und ausgelieferte Bilder bleiben lange im Cache.
- [Videos über das Video CDN ausliefern](https://academy.laioutr.com/artikel/videos-ueber-das-video-cdn-ausliefern)6 Min.

  Redakteure laden Videos in Studio in die Medienbibliothek des Laioutr CDN und wählen sie in einer Section aus. Das CDN liefert sie über den Hostnamen des Projekts mit automatisch erzeugtem Vorschaubild aus, auf Wunsch zusätzlich adaptiv als HLS und DASH.

## Structured Data

```json
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@id": "https://academy.laioutr.com/#website",
      "@type": "WebSite",
      "inLanguage": "de",
      "name": "Default",
      "url": "https://academy.laioutr.com/",
      "workTranslation": {
        "@id": "https://academy.laioutr.com/#website"
      }
    },
    {
      "@id": "https://academy.laioutr.com/lektionen/frontend-manager-medien-verwalten#webpage",
      "@type": "WebPage",
      "name": "Academy Lesson",
      "url": "https://academy.laioutr.com/lektionen/frontend-manager-medien-verwalten",
      "breadcrumb": {
        "@id": "https://academy.laioutr.com/lektionen/frontend-manager-medien-verwalten#breadcrumb"
      },
      "isPartOf": {
        "@id": "https://academy.laioutr.com/#website"
      },
      "potentialAction": [
        {
          "@type": "ReadAction",
          "target": [
            "https://academy.laioutr.com/lektionen/frontend-manager-medien-verwalten"
          ]
        }
      ]
    },
    {
      "@id": "https://academy.laioutr.com/lektionen/frontend-manager-medien-verwalten#breadcrumb",
      "@type": "BreadcrumbList",
      "itemListElement": [
        {
          "@type": "ListItem",
          "name": "Home",
          "item": "https://academy.laioutr.com/",
          "position": 1
        },
        {
          "@type": "ListItem",
          "name": "Agentic Frontend Manager",
          "item": "https://academy.laioutr.com/lernpfade/lernpfad-frontend-manager",
          "position": 2
        },
        {
          "@type": "ListItem",
          "name": "Medien verwalten und ausliefern",
          "item": "https://academy.laioutr.com/lektionen/frontend-manager-medien-verwalten",
          "position": 3
        }
      ]
    }
  ]
}
```