# Szablon obrazka OG: Karta strony internetowej

Tytuł strony, opis, nazwa witryny i ikona, a gdy strona ma własny obrazek — w ramce okna przeglądarki.

- Slug: `site-card`
- Preview (real render): https://shareglint.com/img/templates/site-card.jpg
- Page: https://shareglint.com/pl/templates/site-card

Szablon obrazków auto OG: jeden tag w szablonie strony i każda podstrona dostaje tę kartę, wypełnioną jej własnym tytułem, opisem, ikoną i og:image — bez wysyłania pól. Można go też renderować jak każdy inny szablon. Bez obrazka tytuł zajmuje całą szerokość, a ikona witryny stoi duża w rogu; bez ikony pokazuje pierwszą literę nazwy witryny.

## Pola

Każde pole jest opcjonalne. Za długi tekst zmniejsza się, zamiast wychodzić poza kadr; pole obrazka przyjmuje publiczny adres URL, który pobieramy po naszej stronie.

| Pole | Typ | Opis | Przykład |
|---|---|---|---|
| `title` | tekst | Tytuł strony. (domyślnie: Untitled page) | How we cut our image pipeline from 9 seconds to 900 ms |
| `description` | tekst | Opis strony, do dwóch linii. | Cold starts, font loading and a Chrome pool: what actually made renders fast. |
| `site` | tekst | Nazwa witryny obok ikony. | Northwind Blog |
| `url` | tekst | Adres strony na dole, bez https://. | blog.northwind.dev/image-pipeline |
| `favicon` | adres obrazka | Ikona witryny (PNG, JPEG albo WebP); bez niej pierwsza litera nazwy witryny. | https://example.com/images/logo-northwind.png |
| `image` | adres obrazka | Własny obrazek strony, w ramce okna przeglądarki po prawej. | https://example.com/images/dashboard.png |
| `accent` | kolor | Kolor marki w zapisie hex, np. #6366f1. Barwi przyciski, wyróżnienia i poświatę w tle. (domyślnie: #2563eb) | #2563eb |
| `theme` | dark | light | Schemat kolorów: dark albo light. | — |

## Wyrenderuj go jednym żądaniem

```bash
curl -X POST "https://shareglint.com/v1/images?wait=true" \
  -H "Authorization: Bearer sk_live_YOUR_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "template": "site-card",
    "modifications": {
        "title": "How we cut our image pipeline from 9 seconds to 900 ms",
        "description": "Cold starts, font loading and a Chrome pool: what actually made renders fast.",
        "site": "Northwind Blog",
        "url": "blog.northwind.dev/image-pipeline",
        "favicon": "https://example.com/images/logo-northwind.png",
        "image": "https://example.com/images/dashboard.png"
    }
}'
```

## Dopasuj do siebie

accent i theme zmieniasz w każdym żądaniu. Jeśli chcesz więcej, skopiuj szablon na swoje konto: dostajesz zwykły szablon HTML z tymi samymi polami, który edytujesz w panelu albo przez API. Jeśli slug jest na Twoim koncie wolny, kopia go przejmuje — Twoje integracje przechodzą na Twoją wersję bez zmiany jednej linijki.

```bash
curl -X POST "https://shareglint.com/v1/templates/library/site-card/copy" -H "Authorization: Bearer sk_live_YOUR_KEY"
```