profile-card

Szablon obrazka OG: profil / karta autora

Duży okrągły portret z imieniem, opisem, nazwą użytkownika, krótkim bio i lokalizacją.

Szablon obrazka Open Graph „profil / karta autora” wyrenderowany przez Image API

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

Dla stron autorów, profili prelegentów, stron zespołu i stron typu link-in-bio. Portret dostaje obwódkę i poświatę w kolorze akcentu; długie imię zmniejsza się, żeby się zmieścić.

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
name tekst Imię i nazwisko. domyślnie: Your name Maya Chen
headline tekst Stanowisko albo jednolinijkowy opis. Staff Engineer at Northwind
bio tekst Jedno–dwa zdania o osobie. Writes about performance, edge rendering and boring technology that works.
handle tekst Nazwa w mediach społecznościowych, np. @mayacodes. @mayacodes
location tekst Miasto albo kraj. Lisbon, Portugal
site tekst Twoja domena albo krótki adres. mayachen.dev
photo adres obrazka Portret, przycięty do koła. 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: #14b8a6 #14b8a6
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": "profile-card",
    "modifications": {
        "name": "Maya Chen",
        "headline": "Staff Engineer at Northwind",
        "bio": "Writes about performance, edge rendering and boring technology that works.",
        "handle": "@mayacodes",
        "location": "Lisbon, Portugal",
        "site": "mayachen.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/profile-card.png?bio=Writes%20about%20performance%2C%20edge%20rendering%20and%20boring%20technology%20that%20works.&handle=%40mayacodes&headline=Staff%20Engineer%20at%20Northwind&location=Lisbon%2C%20Portugal&name=Maya%20Chen&site=mayachen.dev&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/profile-card/copy" \
  -H "Authorization: Bearer sk_live_YOUR_KEY"

Więcej szablonów obrazków OG

Wszystkie szablony →