podcast-episode

Szablon obrazka OG: odcinek podcastu

Okładka, nazwa programu, numer i tytuł odcinka na tle rozmytym z okładki.

Szablon obrazka Open Graph „odcinek podcastu” wyrenderowany przez Image API

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

Każdy odcinek dostaje kolory swojego programu: okładka rozmyta trafia na tło, więc nie wybierasz palety. Przycisk odtwarzania i fala dźwięku mówią „to audio", zanim ktokolwiek przeczyta tytuł.

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 Tytuł odcinka. domyślnie: Episode title Why every SaaS should own its pricing page
show tekst Nazwa programu. Ship It Weekly
episode tekst Etykieta odcinka, np. Odcinek 142. Episode 142
guest tekst Linia z gościem, np. z Danielem Okaforem. with Daniel Okafor
duration tekst Czas trwania, np. 48 min. 48 min
site tekst Twoja domena albo krótki adres. shipitweekly.fm
cover adres obrazka Kwadratowa okładka. Rozmyta trafia też na tło. https://example.com/images/mic.jpg
accent kolor Kolor marki w zapisie hex, np. #6366f1. Barwi przyciski, wyróżnienia i poświatę w tle. domyślnie: #f59e0b #f59e0b
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": "podcast-episode",
    "modifications": {
        "title": "Why every SaaS should own its pricing page",
        "show": "Ship It Weekly",
        "episode": "Episode 142",
        "guest": "with Daniel Okafor",
        "duration": "48 min",
        "site": "shipitweekly.fm",
        "cover": "https://example.com/images/mic.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/podcast-episode.png?duration=48%20min&episode=Episode%20142&guest=with%20Daniel%20Okafor&show=Ship%20It%20Weekly&site=shipitweekly.fm&title=Why%20every%20SaaS%20should%20own%20its%20pricing%20page&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/podcast-episode/copy" \
  -H "Authorization: Bearer sk_live_YOUR_KEY"

Więcej szablonów obrazków OG

Wszystkie szablony →