---
title: "Academy Article"
canonical_url: "https://academy.laioutr.com/artikel/bilder-ueber-das-laioutr-cdn-ausliefern"
locale: de
meta:
  "og:title": "Academy Article"
---

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

- [Hosting und Betrieb](https://academy.laioutr.com/bereiche/hosting-und-betrieb)

- [Laioutr Cloud](https://academy.laioutr.com/leitfaeden/laioutr-cloud)

- [Bilder über das Laioutr CDN ausliefern](https://academy.laioutr.com/artikel/bilder-ueber-das-laioutr-cdn-ausliefern)

# Bilder über das Laioutr CDN ausliefern

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.

## Bevor du startest

<dl>

<dt>Tarif</dt>
<dd>Image-CDN-Paket des Laioutr CDN</dd>

<dt>Rolle</dt>
<dd>Zugriff auf Integrations in Cockpit zum Aktivieren</dd>

<dt>Dauer</dt>
<dd>4 Min.</dd></dl>

Zuletzt geprüft am 15. Oktober 2026

Das **Laioutr CDN** ist der verwaltete Speicher- und Auslieferungsweg für Bilder, Videos, Audio und Dateien, die Redakteure in Studio hochladen. Es funktioniert mit jeder Hosting-Option: Laioutr Cloud, Hyperscaler, Native Hosting oder eigener Server.

- **Eigener Speicher**: Jedes Projekt hat einen eigenen Speicherbereich, ohne gemeinsamen Namensraum mit anderen Projekten.
- **Eigener Hostname**: Bilder kommen standardmäßig von `{projectId}.cdn.laioutr.cloud`; ein Marken-Hostname wie `cdn.example.com` ist möglich.
- **Anpassung an der Edge**: Bilder werden beim Abruf skaliert, neu kodiert und im Format ausgeliefert, das der Browser unterstützt.
- **Langes Caching**: Ein ausgeliefertes Objekt bleibt dauerhaft im Edge- und Browser-Cache, ein wiederholter Aufruf belastet den Ursprung nicht.

In Studio und Cockpit erscheint das CDN als Medienbibliothek mit Auswahldialog, neben anderen verbundenen Bibliotheken. Aktiviert wird es über die Integration **Laioutr CMS**.

## Schritt für Schritt

1. 1 ### Schritt 1: Integration aktivieren In Cockpit **Integrations** öffnen und **Laioutr CMS** aktivieren.
2. 2 ### Schritt 2: Neu deployen Die Storefront neu deployen. Die Karte der Integration zeigt den Delivery-Hostnamen, sobald er aktiv ist.
3. 3 ### Schritt 3: Bilder verwenden In Studio Bilder in die Medienbibliothek laden und in Sections auswählen.

## Häufige Fragen

Muss die Storefront auf Laioutr Cloud laufen?

Nein. Das Laioutr CDN steht bei jeder Hosting-Option zur Verfügung.

Kann ein eigener Hostname genutzt werden?

Ja. Statt der Standardadresse lässt sich ein Marken-Hostname wie `cdn.example.com` verbinden.

Welche Dateien außer Bildern liefert das CDN?

Videos, Audio sowie Dateien wie PDFs, Tabellen oder 3D-Modelle, die per URL und mit lesbarem Download-Namen ausgeliefert werden.

## Passend dazu

- [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.
- [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.
- [Performance: Caching und Orchestr](https://academy.laioutr.com/artikel/performance-caching-und-orchestr)6 Min.

  Laioutr beschleunigt Storefronts über drei Cache-Ebenen: den Entity-Cache von Orchestr auf dem Server, den HTTP-Cache an der Edge und einen Speicher im Browser. Zusammen sorgen sie dafür, dass wiederholte Aufrufe Backends kaum belasten.
- [Bild und Video, Popups, Hinweise und Navigation in der Seite](https://academy.laioutr.com/artikel/bild-video-popups-hinweise-inpage-navigation)7 Min.

  Media + Text und Media Preview zeigen Bilder und Videos, PopUp-Vorlagen bringen Info, Newsletter und Angebote ins Bild, Toasts und Alert-Dialoge geben automatisch Rückmeldung. Category Card Grid und Slider führen innerhalb der Seite in die Sortimente.

## In einer Lektion lernen

- [Medien verwalten und ausliefern](https://academy.laioutr.com/lektionen/frontend-manager-medien-verwalten)8 Min.
- [Domains, CDN und Logs](https://academy.laioutr.com/lektionen/entwickler-domains-cdn-und-logs)10 Min.
- [Bilder und Videos einbinden](https://academy.laioutr.com/lektionen/live-gang-bilder-und-videos)6 Min.

## [Laioutr Cloud](https://academy.laioutr.com/leitfaeden/laioutr-cloud)

In diesem Leitfaden suchen

1. [Hosting und Auslieferung über die Edge](https://academy.laioutr.com/artikel/hosting-und-auslieferung-ueber-die-edge)4 Min.
2. [Eigene Domain verbinden](https://academy.laioutr.com/artikel/eigene-domain-verbinden)6 Min.
3. [Storefront bis zum Launch mit Passwort schützen](https://academy.laioutr.com/artikel/storefront-bis-zum-launch-mit-passwort-schuetzen)5 Min.
4. [Bilder über das Laioutr CDN ausliefern](https://academy.laioutr.com/artikel/bilder-ueber-das-laioutr-cdn-ausliefern)4 Min.
5. [Videos über das Video CDN ausliefern](https://academy.laioutr.com/artikel/videos-ueber-das-video-cdn-ausliefern)6 Min.
6. [Formulare gegen Bots und Spam schützen](https://academy.laioutr.com/artikel/formulare-gegen-bots-und-spam-schuetzen)7 Min.
7. [Storefront als Progressive Web App bereitstellen](https://academy.laioutr.com/artikel/storefront-als-progressive-web-app-bereitstellen)5 Min.

## 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/artikel/bilder-ueber-das-laioutr-cdn-ausliefern#webpage",
      "name": "Academy Article",
      "url": "https://academy.laioutr.com/artikel/bilder-ueber-das-laioutr-cdn-ausliefern",
      "@type": [
        "WebPage",
        "FAQPage"
      ],
      "breadcrumb": {
        "@id": "https://academy.laioutr.com/artikel/bilder-ueber-das-laioutr-cdn-ausliefern#breadcrumb"
      },
      "isPartOf": {
        "@id": "https://academy.laioutr.com/#website"
      },
      "mainEntity": [
        {
          "@id": "https://academy.laioutr.com/artikel/bilder-ueber-das-laioutr-cdn-ausliefern#/schema/question/1"
        },
        {
          "@id": "https://academy.laioutr.com/artikel/bilder-ueber-das-laioutr-cdn-ausliefern#/schema/question/2"
        },
        {
          "@id": "https://academy.laioutr.com/artikel/bilder-ueber-das-laioutr-cdn-ausliefern#/schema/question/3"
        }
      ],
      "potentialAction": [
        {
          "@type": "ReadAction",
          "target": [
            "https://academy.laioutr.com/artikel/bilder-ueber-das-laioutr-cdn-ausliefern"
          ]
        }
      ]
    },
    {
      "@id": "https://academy.laioutr.com/artikel/bilder-ueber-das-laioutr-cdn-ausliefern#breadcrumb",
      "@type": "BreadcrumbList",
      "itemListElement": [
        {
          "@type": "ListItem",
          "name": "Home",
          "item": "https://academy.laioutr.com/",
          "position": 1
        },
        {
          "@type": "ListItem",
          "name": "Hosting und Betrieb",
          "item": "https://academy.laioutr.com/bereiche/hosting-und-betrieb",
          "position": 2
        },
        {
          "@type": "ListItem",
          "name": "Laioutr Cloud",
          "item": "https://academy.laioutr.com/leitfaeden/laioutr-cloud",
          "position": 3
        },
        {
          "@type": "ListItem",
          "name": "Bilder über das Laioutr CDN ausliefern",
          "item": "https://academy.laioutr.com/artikel/bilder-ueber-das-laioutr-cdn-ausliefern",
          "position": 4
        }
      ]
    },
    {
      "@id": "https://academy.laioutr.com/artikel/bilder-ueber-das-laioutr-cdn-ausliefern#/schema/question/1",
      "@type": "Question",
      "inLanguage": "de",
      "name": "Muss die Storefront auf Laioutr Cloud laufen?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>Nein. Das Laioutr CDN steht bei jeder Hosting-Option zur Verfügung.</p>"
      }
    },
    {
      "@id": "https://academy.laioutr.com/artikel/bilder-ueber-das-laioutr-cdn-ausliefern#/schema/question/2",
      "@type": "Question",
      "inLanguage": "de",
      "name": "Kann ein eigener Hostname genutzt werden?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>Ja. Statt der Standardadresse lässt sich ein Marken-Hostname wie <code>cdn.example.com</code> verbinden.</p>"
      }
    },
    {
      "@id": "https://academy.laioutr.com/artikel/bilder-ueber-das-laioutr-cdn-ausliefern#/schema/question/3",
      "@type": "Question",
      "inLanguage": "de",
      "name": "Welche Dateien außer Bildern liefert das CDN?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>Videos, Audio sowie Dateien wie PDFs, Tabellen oder 3D-Modelle, die per URL und mit lesbarem Download-Namen ausgeliefert werden.</p>"
      }
    }
  ]
}
```