blog-og

Szablon obrazka OG: wpis na blogu

Duży tytuł z autorem, datą i czasem czytania — domyślna karta artykułu.

Szablon obrazka Open Graph „wpis na blogu” wyrenderowany przez Image API

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

Dla blogów, newsletterów w sieci i artykułów w dokumentacji: tytuł zajmuje większość kadru i zmniejsza się, gdy jest długi, a podpis stoi w spokojnej stopce z opcjonalnym zdjęciem autora. Datę drukujemy w języku, który podasz w locale.

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 Główny nagłówek. domyślnie: Article title How we cut our image pipeline from 9 seconds to 900 ms
eyebrow tekst Krótka etykieta nad tytułem. Engineering
author tekst Imię i nazwisko autora. Maya Chen
site tekst Twoja domena albo krótki adres. domyślnie: twojblog.pl blog.northwind.dev
date tekst Data w takiej postaci, w jakiej ma się wydrukować. 2026-10-14
reading_time tekst Czas czytania w minutach, liczba całkowita. 7
photo adres obrazka Zdjęcie autora, okrągłe, w stopce. https://example.com/images/avatar-woman.jpg
accent kolor Kolor marki w zapisie hex, np. #6366f1. Barwi przyciski, wyróżnienia i poświatę w tle. domyślnie: #6366f1 #6366f1
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": "blog-og",
    "modifications": {
        "title": "How we cut our image pipeline from 9 seconds to 900 ms",
        "eyebrow": "Engineering",
        "author": "Maya Chen",
        "date": "2026-10-14",
        "reading_time": 7,
        "site": "blog.northwind.dev",
        "photo": "https://example.com/images/avatar-woman.jpg"
    }
}'

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/blog-og.png?author=Maya%20Chen&date=2026-10-14&eyebrow=Engineering&reading_time=7&site=blog.northwind.dev&title=How%20we%20cut%20our%20image%20pipeline%20from%209%20seconds%20to%20900%20ms&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/blog-og/copy" \
  -H "Authorization: Bearer sk_live_YOUR_KEY"

Więcej szablonów obrazków OG

Wszystkie szablony →