[Intum Pomoc](https://intum.pl/pomoc.md) / [Pliki](https://intum.pl/pomoc/cms/pliki.md)

# [Obrazek na stronie](https://intum.pl/pomoc/cms/obraz-na-stronie-cms.md)

Żeby pokazać zdjęcie czy grafikę na stronie CMS, najpierw wgrywasz je do Plików - stamtąd bierze
się stały adres, który wklejasz tam, gdzie obrazek ma się pojawić.

> [!PATH]
> [CMS → Pliki](app:/cms/assets) → **Nowy plik**

## Wgraj i skopiuj adres {#wgraj-i-skopiuj-adres}

Wgraj plik obrazu (JPG, PNG, GIF albo SVG) - **Rodzaj** ustawi się sam jako **obraz**. Pod
szczegółami pliku i w kolumnie listy jest jego stały adres z przyciskiem do skopiowania - o tym,
że zmiana nazwy pliku zmienia ten adres, przeczytasz w [Plikach](cms/wgrywanie-plikow-cms#adres-pliku).

## Gdzie wkleić adres {#gdzie-wklei-adres}

- **Obrazek artykułu** - pole **URL obrazka** w formularzu artykułu; adres trafia do miniatury
  na liście, zdjęcia w samym wpisie i podglądu linku w mediach społecznościowych, patrz
  [Nowy artykuł](cms/nowy-artykul-cms#jezyk-obrazek-i-seo),
- **Wewnątrz treści** - w polu, które przyjmuje HTML albo markdown (np. treść artykułu), wstaw
  obrazek znacznikiem `<img src="ADRES" alt="Opis">` albo składnią markdown `![Opis](ADRES)`,
- **Tło albo styl** - w pliku CSS z Plików możesz odwołać się do adresu obrazka w regule
  `background-image`.

Adres jest publiczny i stały, więc obrazek wgrywasz raz, a używać go możesz w wielu miejscach
naraz - bez wgrywania kopii.