Szablon obrazka OG: Zwycięzcy konkursu

og1200×630 square1080×1080 portrait1080×1350 story1080×1920 pinterest1000×1500 youtube1280×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.

Dla marek i aplikacji konkursowych publikujących wyniki. Na scenie staje od jednej do pięciu osób; kolejne są policzone obok nagrody. Zwycięzca bez zdjęcia dostaje inicjały na kole w kolorze akcentu, długie imiona i nazwy kont kończą się wielokropkiem. Szerokie kadry ustawiają wszystkich w jednym rzędzie; kwadratowe i pionowe dzielą cztery albo pięć osób na dwa rzędy, a trzy w pionie stawiają pierwszą osobę wyżej.

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	Nagłówek nad sceną, np. A zwycięzcami są…. domyślnie: And the winners are…	And the winners are…
`winners`	tekst	Zwycięzcy rozdzieleni `;`, każdy jako imię\|konto, np. Lena Sørensen\|@lenaknits;Tomás Ruiz\|@tomas.makes. Widać pięć osób.	Lena Sørensen\|@lenaknits;Tomás Ruiz\|@tomas.makes;Aiko Tanaka\|@aiko_draws
`prize`	tekst	Co wygrali, w plakietce na dole.	Each wins a pair of Studio Wireless Headphones
`avatar_1`	adres obrazka	Zdjęcie pierwszej osoby.	https://example.com/images/avatar-woman.jpg
`avatar_2`	adres obrazka	Zdjęcie drugiej osoby.	https://example.com/images/avatar-man.jpg
`avatar_3`	adres obrazka	Zdjęcie trzeciej osoby.	https://example.com/images/avatar-woman2.jpg
`avatar_4`	adres obrazka	Zdjęcie czwartej osoby.	—
`avatar_5`	adres obrazka	Zdjęcie piątej osoby.	—
`logo`	adres obrazka	Logo marki obok tytułu, kwadratowe.	https://example.com/images/b07-aurora.png
`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://shareglint.com/v1/images?wait=true" \
  -H "Authorization: Bearer sk_live_YOUR_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "template": "giveaway-winner",
    "modifications": {
        "title": "And the winners are…",
        "winners": "Lena Sørensen|@lenaknits;Tomás Ruiz|@tomas.makes;Aiko Tanaka|@aiko_draws",
        "prize": "Each wins a pair of Studio Wireless Headphones",
        "avatar_1": "https://example.com/images/avatar-woman.jpg",
        "avatar_2": "https://example.com/images/avatar-man.jpg",
        "avatar_3": "https://example.com/images/avatar-woman2.jpg",
        "logo": "https://example.com/images/b07-aurora.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://shareglint.com/i/acc_YOUR_ACCOUNT_ID/giveaway-winner.png?prize=Each%20wins%20a%20pair%20of%20Studio%20Wireless%20Headphones&title=And%20the%20winners%20are%E2%80%A6&winners=Lena%20S%C3%B8rensen%7C%40lenaknits%3BTom%C3%A1s%20Ruiz%7C%40tomas.makes%3BAiko%20Tanaka%7C%40aiko_draws&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/giveaway-winner/copy" \
  -H "Authorization: Bearer sk_live_YOUR_KEY"

Użyj tego szablonu — zacznij za darmo

Więcej szablonów: Social media i twórcy

Miniatura wideo

Miniatura twórcy

Szablon obrazka Open Graph „Post z mediów społecznościowych” wyrenderowany przez Shareglint

Post z mediów społecznościowych Szablon obrazka Open Graph „Okładka karuzeli” wyrenderowany przez Shareglint

Okładka karuzeli Szablon obrazka Open Graph „Slajd karuzeli” wyrenderowany przez Shareglint

Slajd karuzeli Szablon obrazka Open Graph „Ostatni slajd karuzeli” wyrenderowany przez Shareglint

Ostatni slajd karuzeli Szablon obrazka Open Graph „Kolaż zdjęć” wyrenderowany przez Shareglint

Kolaż zdjęć Szablon obrazka Open Graph „Relacja o nowym wpisie” wyrenderowany przez Shareglint

Relacja o nowym wpisie

Miniatura reakcji

Wszystkie szablony w kategorii Social media i twórcy (19) → · Wszystkie szablony →