thumbnail-reaction

Szablon obrazka OG: Miniatura reakcji

Miniatura reakcji na YouTube: to, na co reagujesz, w ramce z podartego papieru, twoja twarz w dużym kole z obwódką, dwa, trzy słowa grubym obrysowanym krojem na tle promieni w kolorze akcentu.

Szablon obrazka Open Graph „Miniatura reakcji” wyrenderowany przez Shareglint
Szablon Miniatura reakcji w rozmiarze square (1080×1080)
Szablon Miniatura reakcji w rozmiarze portrait (1080×1350)
Szablon Miniatura reakcji w rozmiarze story (1080×1920)
Szablon Miniatura reakcji w rozmiarze pinterest (1000×1500)
Szablon Miniatura reakcji w rozmiarze youtube (1280×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 kanałów z reakcjami, komentarzami i recenzjami. Zaprojektowana tak, żeby czytała się przy 320 px szerokości: kilka ogromnych elementów, słowa zmniejszają się, żeby się zmieścić, i kończą na trzech wierszach, a plakietka i nazwa kanału urywają się wielokropkiem. Bez zdjęcia twarzy w kole staje emoji, bez obrazka tematu ramka pokazuje raster z wielkim ?!. Na szerokich formatach temat jest po lewej, a twarz po prawej; w pionie temat, słowa i twarz idą jedno pod drugim.

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 Dwa, trzy głośne słowa, np. Kupiłam buty za 4000 zł. domyślnie: Wait, what? I tried $900 sneakers
badge tekst Plakietka w lewym górnym rogu, np. Szczera recenzja. Honest review
emoji tekst Jedno emoji obok twarzy. 😳
channel tekst Nazwa kanału w prawym górnym rogu. Maya Reacts
face_photo adres obrazka Twoja twarz, najlepiej w trakcie reakcji; przycinamy ją do koła. https://example.com/images/creator-face.jpg
subject_image adres obrazka To, na co reagujesz: produkt, zrzut ekranu, kadr z filmu. https://example.com/images/sneakers.jpg
accent kolor Kolor marki w zapisie hex, np. #6366f1. Barwi przyciski, wyróżnienia i poświatę w tle. domyślnie: #facc15 #facc15
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": "thumbnail-reaction",
    "modifications": {
        "title": "I tried $900 sneakers",
        "badge": "Honest review",
        "emoji": "😳",
        "channel": "Maya Reacts",
        "face_photo": "https://example.com/images/creator-face.jpg",
        "subject_image": "https://example.com/images/sneakers.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://shareglint.com/i/acc_YOUR_ACCOUNT_ID/thumbnail-reaction.png?badge=Honest%20review&channel=Maya%20Reacts&emoji=%F0%9F%98%B3&title=I%20tried%20%24900%20sneakers&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/thumbnail-reaction/copy" \
  -H "Authorization: Bearer sk_live_YOUR_KEY"

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

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