Szablon obrazka OG: Podsumowanie roku

og1200×630 square1080×1080 portrait1080×1350 story1080×1920 pinterest1000×1500 youtube1280×720

To prawdziwe rendery z API z przykładowymi wartościami z tabeli niżej. Przełącz rozmiar wyżej: ten sam szablon układa się w każdym z 6 rozmiarów — wyślij size albo sizes w zapytaniu.

Dla aplikacji, które wysyłają każdemu użytkownikowi jego rok (albo dotychczasowy miesiąc): muzycznych, sportowych, czytelniczych, finansowych czy SaaS — jeden render na osobę. Wielka liczba i okres zmniejszają się, gdy są za długie, kapsułki i nazwy kończą się wielokropkiem, a pozycja bez zdjęcia dostaje kafelek z inicjałem. W kadrach poziomych i kwadratowych okres stoi wzdłuż lewej krawędzi jak grzbiet książki; w pionowych pas leży u góry, a pierwsza trójka ma większe zdjęcia.

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.

Wyrenderuj go jednym żądaniem

Slug podajesz jako template. W odpowiedzi dostajesz adres gotowego PNG; ?wait=true trzyma połączenie, aż obrazek będzie gotowy.

curl -X POST "https://shareglint.com/v1/images?wait=true" \
  -H "Authorization: Bearer sk_live_YOUR_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "template": "year-in-review",
    "modifications": {
        "headline_value": "48,210",
        "headline_label": "minutes listened",
        "period": "2026",
        "user_name": "Maya Chen",
        "stats": "Songs|2,140; Artists|386; Top genre|Indie pop; Longest streak|41 days",
        "top_1": "Lena Ortiz",
        "top_2": "The Night Owls",
        "top_3": "Marcus Lee",
        "app_name": "Northwind Music",
        "top_1_image": "https://example.com/images/avatar-woman.jpg",
        "top_2_image": "https://example.com/images/album-cover.png",
        "top_3_image": "https://example.com/images/avatar-man.jpg",
        "logo": "https://example.com/images/logo-m.png"
    }
}'

Albo wklej podpisany adres w og:image

Dla stron statycznych, Webflow, Shopify i narzędzi no-code: pola idą w query stringu, a całość podpisujesz swoim sekretem. Pierwsze żądanie renderuje obrazek, każde kolejne to przekierowanie na gotowy plik. Jak policzyć podpis.

<meta property="og:image" content="https://shareglint.com/i/acc_YOUR_ACCOUNT_ID/year-in-review.png?app_name=Northwind%20Music&headline_label=minutes%20listened&headline_value=48%2C210&period=2026&stats=Songs%7C2%2C140%3B%20Artists%7C386%3B%20Top%20genre%7CIndie%20pop%3B%20Longest%20streak%7C41%20days&top_1=Lena%20Ortiz&top_2=The%20Night%20Owls&top_3=Marcus%20Lee&user_name=Maya%20Chen&s=YOUR_SIGNATURE">

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.

curl -X POST "https://shareglint.com/v1/templates/library/year-in-review/copy" \
  -H "Authorization: Bearer sk_live_YOUR_KEY"

Więcej szablonów: Dane, wykresy i kamienie milowe

Wyróżniona liczba Zbiórka Siatka wskaźników Wykres słupkowy Kamień milowy Osiągnięcie z aplikacji Wykres liniowy Wykres pierścieniowy Wyniki ankiety

Wszystkie szablony w kategorii Dane, wykresy i kamienie milowe (14) →  ·  Wszystkie szablony →