---
title: "Academy Lesson"
canonical_url: "https://academy.laioutr.com/lektionen/live-gang-bilder-und-videos"
locale: de
meta:
  "og:title": "Academy Lesson"
---

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

- [Von der Registrierung zum Live-Gang](https://academy.laioutr.com/lernpfade/von-der-registrierung-zum-live-gang)

- [Bilder und Videos einbinden](https://academy.laioutr.com/lektionen/live-gang-bilder-und-videos)

Seiten gestalten mit Studio

# Bilder und Videos einbinden

6 Min.

Medien liegen in der Medienbibliothek und werden in Studio in Blocks eingesetzt. Diese Lektion zeigt das Hochladen und Auswählen von Bildern und Videos und wie das Image CDN und das Video CDN sie in passender Größe und passendem Format ausliefern. Alternativtexte gehören dazu.

## Das Wichtigste in Kürze

- Medien werden zentral in der Bibliothek verwaltet.
- Das Image CDN liefert Bilder in passendem Format.
- Videos laufen über das Video CDN.

## 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/live-gang-bilder-und-videos#webpage",
      "@type": "WebPage",
      "name": "Academy Lesson",
      "url": "https://academy.laioutr.com/lektionen/live-gang-bilder-und-videos",
      "breadcrumb": {
        "@id": "https://academy.laioutr.com/lektionen/live-gang-bilder-und-videos#breadcrumb"
      },
      "isPartOf": {
        "@id": "https://academy.laioutr.com/#website"
      },
      "potentialAction": [
        {
          "@type": "ReadAction",
          "target": [
            "https://academy.laioutr.com/lektionen/live-gang-bilder-und-videos"
          ]
        }
      ]
    },
    {
      "@id": "https://academy.laioutr.com/lektionen/live-gang-bilder-und-videos#breadcrumb",
      "@type": "BreadcrumbList",
      "itemListElement": [
        {
          "@type": "ListItem",
          "name": "Home",
          "item": "https://academy.laioutr.com/",
          "position": 1
        },
        {
          "@type": "ListItem",
          "name": "Von der Registrierung zum Live-Gang",
          "item": "https://academy.laioutr.com/lernpfade/von-der-registrierung-zum-live-gang",
          "position": 2
        },
        {
          "@type": "ListItem",
          "name": "Bilder und Videos einbinden",
          "item": "https://academy.laioutr.com/lektionen/live-gang-bilder-und-videos",
          "position": 3
        }
      ]
    }
  ]
}
```