animated-stat-counter

Szablon obrazka OG: animowany licznik

Jedna duża liczba, która nabija się od zera, z opisem, źródłem i kreską, która się dorysowuje.

Użyj tego szablonu — zacznij za darmo Dokumentacja
Szablon animowany licznik w rozmiarze square (1080×1080)
Szablon animowany licznik w rozmiarze portrait (1080×1350)
Szablon animowany licznik w rozmiarze story (1080×1920)
Szablon animowany licznik w rozmiarze pinterest (1000×1500)
Szablon animowany licznik w rozmiarze youtube (1280×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.

Na kamienie milowe, raporty i posty o wzroście. W gif i mp4 cyfry rosną od zera z zachowaniem separatorów i końcówki, którą podasz (1,240,000 albo 98%), a potem stoją. Format statyczny pokazuje wynik końcowy.

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
value tekst Liczba, np. 87%. Długie liczby zmniejszają się, żeby się zmieścić. domyślnie: 100% 1,240,000
label tekst Co ta liczba znaczy. images rendered through our API last month
eyebrow tekst Krótka etykieta nad tytułem. Milestone
source tekst Skąd pochodzi liczba. Source: Northwind dashboard, October 2026
site tekst Twoja domena albo krótki adres. northwind.dev
accent kolor Kolor marki w zapisie hex, np. #6366f1. Barwi przyciski, wyróżnienia i poświatę w tle. domyślnie: #f97316 #f97316
theme dark | light Schemat kolorów: dark albo light. —

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": "animated-stat-counter",
    "modifications": {
        "value": "1,240,000",
        "label": "images rendered through our API last month",
        "eyebrow": "Milestone",
        "source": "Source: Northwind dashboard, October 2026",
        "site": "northwind.dev"
    }
}'

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/animated-stat-counter.png?eyebrow=Milestone&label=images%20rendered%20through%20our%20API%20last%20month&site=northwind.dev&source=Source%3A%20Northwind%20dashboard%2C%20October%202026&value=1%2C240%2C000&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/animated-stat-counter/copy" \
  -H "Authorization: Bearer sk_live_YOUR_KEY"
Użyj tego szablonu — zacznij za darmo

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

Szablon obrazka Open Graph „wyróżniona liczba” wyrenderowany przez Shareglint Wyróżniona liczba Szablon obrazka Open Graph „Zbiórka” wyrenderowany przez Shareglint Zbiórka Szablon obrazka Open Graph „Siatka wskaźników” wyrenderowany przez Shareglint Siatka wskaźników Szablon obrazka Open Graph „Wykres słupkowy” wyrenderowany przez Shareglint Wykres słupkowy Szablon obrazka Open Graph „Kamień milowy” wyrenderowany przez Shareglint Kamień milowy Szablon obrazka Open Graph „Podsumowanie roku” wyrenderowany przez Shareglint Podsumowanie roku Szablon obrazka Open Graph „Osiągnięcie z aplikacji” wyrenderowany przez Shareglint Osiągnięcie z aplikacji Szablon obrazka Open Graph „Wykres liniowy” wyrenderowany przez Shareglint Wykres liniowy Szablon obrazka Open Graph „Wykres pierścieniowy” wyrenderowany przez Shareglint Wykres pierścieniowy

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