> ## Documentation Index
> Fetch the complete documentation index at: https://docs.lumo.steamtalmark.nl/llms.txt
> Use this file to discover all available pages before exploring further.

# Media

> Afbeeldingen, video's en bestanden beheren in de mediabibliotheek.

Afbeeldingen, video's en bestanden voor je website staan in de mediabibliotheek. Lumo gebruikt hiervoor **ImageKit**, een gespecialiseerde mediadienst die je beelden snel en in de juiste afmetingen op je website toont.

## De mediabibliotheek

Ga naar **CMS → Media**. De eerste keer vraagt ImageKit je om in te loggen. Log in met het account dat je van SteamTalmark hebt gekregen, of met **Inloggen met Google** als dat voor jou is ingesteld.

Na het inloggen opent de mediabibliotheek in de map **web**. Dat is jouw startmap: hierin staan alle media van je website, verdeeld over submappen. Hogere mappen kun je niet openen.

![Het inlogscherm van ImageKit](https://mintcdn.com/steamtalmark/iDqQAzaaQPuhwaNr/images/imagekit-login.png?fit=max\&auto=format\&n=iDqQAzaaQPuhwaNr\&q=85\&s=9be0c4fd167f1903559afa319b4582cd)

Eenmalig inloggen bij ImageKit.

![De startmap web in de mediabibliotheek](https://mintcdn.com/steamtalmark/VsN7-X0kYltzXfZ0/images/media-startmap.png?fit=max\&auto=format\&n=VsN7-X0kYltzXfZ0\&q=85\&s=df70c48787e786dea7f769d11a6eb2a2)

De startmap web met daarin de submappen van je website.

![Het pad bovenin een submap](https://mintcdn.com/steamtalmark/iDqQAzaaQPuhwaNr/images/media-submap.png?fit=max\&auto=format\&n=iDqQAzaaQPuhwaNr\&q=85\&s=ad12d00a140e7c6badbfeece45adbe0f)

In een submap zie je bovenin het pad, bijvoorbeeld web › images. Klik op web om terug te gaan naar de startmap.

* **Mappen**: klik op een map om haar te openen. Bovenin zie je waar je bent, bijvoorbeeld *web › images*. Klik op een mapnaam in dat pad om terug te gaan; met **web** ga je terug naar je startmap.
* **Uploaden**: klik op **+ New** en kies het uploaden van bestanden of het aanmaken van een nieuwe map. Je kunt bestanden ook naar het venster slepen.
* **Zoeken**: typ in het zoekveld bovenin (*Start typing to search*).
* **Sorteren**: kies bij **Sort** bijvoorbeeld op datum of naam.
* **Details**: klik op een bestand om rechts een voorbeeld en de details te zien.

> [!TIP]
>
> **Tips voor afbeeldingen.** Geef bestanden een duidelijke naam, zonder spaties of speciale tekens, en zet ze in een logische map. Upload foto's in goede kwaliteit; ImageKit verkleint ze automatisch voor de website.

## Media gebruiken in de editor

In de editor van een pagina, de homepage of een collectie-item voeg je media toe aan een afbeeldings- of videoveld:

**Step 1**

Klik op **Bestand toevoegen**, of bij een bestaande afbeelding op het icoon **Voeg toe of vervang de media**.

**Step 2**

De mediabibliotheek opent. Kies een bestaand bestand of upload een nieuw bestand.

**Step 3**

Vul de **Alt-tekst** in: een korte beschrijving van wat er op de afbeelding staat. Die is belangrijk voor toegankelijkheid en vindbaarheid.

**Step 4**

Klik op **Opslaan** of **Publiceren**.

![Een afbeeldingsveld met alt-tekst](https://mintcdn.com/steamtalmark/iDqQAzaaQPuhwaNr/images/afbeeldingsveld.png?fit=max\&auto=format\&n=iDqQAzaaQPuhwaNr\&q=85\&s=844e2ad0bec5f7993bf4a4674a103072)

Een afbeeldingsveld in de editor, met alt-tekst en knoppen om te vervangen of te verwijderen.

Met de rode prullenbak naast een afbeelding haal je haar weg uit het veld. Het bestand blijft gewoon in de mediabibliotheek staan.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.