---
title: "Academy Lesson"
canonical_url: "https://academy.laioutr.com/en/lektionen/go-live-add-images-and-videos"
locale: en
meta:
  "og:title": "Academy Lesson"
---

[Go to home](https://academy.laioutr.com/en)

- [From sign-up to go-live](https://academy.laioutr.com/en/lernpfade/from-sign-up-to-go-live)

- [Add images and videos](https://academy.laioutr.com/en/lektionen/go-live-add-images-and-videos)

Design pages with Studio

# Add images and videos

6 min

Media lives in the media library and is placed in blocks in Studio. This lesson shows uploading and selecting images and videos and how the image CDN and the video CDN deliver them in the right size and format. Alt texts are part of it.

## Key takeaways

- Media is managed centrally in the library.
- The image CDN delivers images in a suitable format.
- Videos run through the video CDN.

## Read more

- [Manage media in Cockpit and Studio](https://academy.laioutr.com/en/artikel/manage-media-in-cockpit-and-studio)5 min

  Images, videos and audio files are managed centrally in the Media Library under Content in Cockpit. In Studio, the media picker selects files from every connected library, such as the shop system, and uploads new ones where the library allows it.
- [Deliver images through the Laioutr CDN](https://academy.laioutr.com/en/artikel/deliver-images-through-the-laioutr-cdn)4 min

  The Laioutr CDN stores a project's images in a dedicated store and delivers them from the project's own hostname. Size and format are adapted at the edge on request, and delivered images stay cached for a long time.
- [Deliver videos through the Video CDN](https://academy.laioutr.com/en/artikel/deliver-videos-through-the-video-cdn)6 min

  Editors upload videos to the Laioutr CDN media library in Studio and pick them in a section. The CDN delivers them from the project's hostname with an automatically generated poster, and optionally also adaptively as HLS and DASH.

## Structured Data

```json
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@id": "https://academy.laioutr.com/#website",
      "@type": "WebSite",
      "inLanguage": "en",
      "name": "Default",
      "url": "https://academy.laioutr.com/",
      "translationOfWork": {
        "@id": "https://academy.laioutr.com/#website"
      }
    },
    {
      "@id": "https://academy.laioutr.com/en/lektionen/go-live-add-images-and-videos#webpage",
      "@type": "WebPage",
      "name": "Academy Lesson",
      "url": "https://academy.laioutr.com/en/lektionen/go-live-add-images-and-videos",
      "breadcrumb": {
        "@id": "https://academy.laioutr.com/en/lektionen/go-live-add-images-and-videos#breadcrumb"
      },
      "isPartOf": {
        "@id": "https://academy.laioutr.com/#website"
      },
      "potentialAction": [
        {
          "@type": "ReadAction",
          "target": [
            "https://academy.laioutr.com/en/lektionen/go-live-add-images-and-videos"
          ]
        }
      ]
    },
    {
      "@id": "https://academy.laioutr.com/en/lektionen/go-live-add-images-and-videos#breadcrumb",
      "@type": "BreadcrumbList",
      "itemListElement": [
        {
          "@type": "ListItem",
          "name": "Home",
          "item": "https://academy.laioutr.com/en",
          "position": 1
        },
        {
          "@type": "ListItem",
          "name": "From sign-up to go-live",
          "item": "https://academy.laioutr.com/en/lernpfade/from-sign-up-to-go-live",
          "position": 2
        },
        {
          "@type": "ListItem",
          "name": "Add images and videos",
          "item": "https://academy.laioutr.com/en/lektionen/go-live-add-images-and-videos",
          "position": 3
        }
      ]
    }
  ]
}
```