stat-highlight

Szablon obrazka OG: wyróżniona liczba

Jedna duża liczba z tym, co znaczy, i skąd pochodzi.

Użyj tego szablonu — zacznij za darmo Dokumentacja
Szablon obrazka Open Graph „wyróżniona liczba” wyrenderowany przez Image API

To prawdziwy render z API z przykładowymi wartościami z tabeli niżej, w rozmiarze 1200×630.

Do raportów, podsumowań roku i wpisów z danymi: liczba wypełnia pół kadru gradientem, wyjaśnienie stoi obok, a źródło w stopce. Długie liczby zmniejszają się zamiast łamać.

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% 87%
label tekst Co ta liczba znaczy. of links shared on LinkedIn get more clicks with a custom preview image
source tekst Skąd pochodzi liczba. Source: State of Social Previews 2026
eyebrow tekst Krótka etykieta nad tytułem. Research
site tekst Twoja domena albo krótki adres. northwind.dev/report
logo adres obrazka Logo wydawcy. https://example.com/images/logo-northwind.png
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://imageapi.benchkithq.com/v1/images?wait=true" \
  -H "Authorization: Bearer sk_live_YOUR_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "template": "stat-highlight",
    "modifications": {
        "value": "87%",
        "label": "of links shared on LinkedIn get more clicks with a custom preview image",
        "source": "Source: State of Social Previews 2026",
        "eyebrow": "Research",
        "site": "northwind.dev/report",
        "logo": "https://example.com/images/logo-northwind.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://imageapi.benchkithq.com/i/acc_YOUR_ACCOUNT_ID/stat-highlight.png?eyebrow=Research&label=of%20links%20shared%20on%20LinkedIn%20get%20more%20clicks%20with%20a%20custom%20preview%20image&site=northwind.dev%2Freport&source=Source%3A%20State%20of%20Social%20Previews%202026&value=87%25&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://imageapi.benchkithq.com/v1/templates/library/stat-highlight/copy" \
  -H "Authorization: Bearer sk_live_YOUR_KEY"
Użyj tego szablonu — zacznij za darmo

Więcej szablonów obrazków OG

Szablon obrazka Open Graph „wpis na blogu” wyrenderowany przez Image API Wpis na blogu Szablon obrazka Open Graph „oferta pracy” wyrenderowany przez Image API Oferta pracy Szablon obrazka Open Graph „wydarzenie” wyrenderowany przez Image API Wydarzenie Szablon obrazka Open Graph „odcinek podcastu” wyrenderowany przez Image API Odcinek podcastu Szablon obrazka Open Graph „changelog / wydanie” wyrenderowany przez Image API Changelog / wydanie Szablon obrazka Open Graph „strona dokumentacji” wyrenderowany przez Image API Strona dokumentacji Szablon obrazka Open Graph „oferta nieruchomości” wyrenderowany przez Image API Oferta nieruchomości Szablon obrazka Open Graph „karta produktu” wyrenderowany przez Image API Karta produktu Szablon obrazka Open Graph „produkt w promocji” wyrenderowany przez Image API Produkt w promocji Szablon obrazka Open Graph „lekcja kursu” wyrenderowany przez Image API Lekcja kursu Szablon obrazka Open Graph „przepis” wyrenderowany przez Image API Przepis Szablon obrazka Open Graph „miniatura wideo” wyrenderowany przez Image API Miniatura wideo Szablon obrazka Open Graph „wydanie newslettera” wyrenderowany przez Image API Wydanie newslettera Szablon obrazka Open Graph „karta z cytatem” wyrenderowany przez Image API Karta z cytatem Szablon obrazka Open Graph „case study / opinia klienta” wyrenderowany przez Image API Case study / opinia klienta Szablon obrazka Open Graph „repozytorium GitHub” wyrenderowany przez Image API Repozytorium GitHub Szablon obrazka Open Graph „zapowiedź funkcji” wyrenderowany przez Image API Zapowiedź funkcji Szablon obrazka Open Graph „profil / karta autora” wyrenderowany przez Image API Profil / karta autora Szablon obrazka Open Graph „porównanie (A vs B)” wyrenderowany przez Image API Porównanie (A vs B)

Wszystkie szablony →