Szablon obrazka OG: Siatka zespołu

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.

Do postów „poznajcie zespół”, stron zarządu, składów agencji i list prelegentów. Siatka dopasowuje się do liczby osób: dwie dostają duże portrety, osiem wypełnia dwa rzędy; kto nie ma zdjęcia, dostaje monogram, a puste miejsca są pomijane. Na szerokich formatach tytuł stoi w kolumnie z lewej, na kwadracie i w pionie na górze, a siatka zajmuje całą szerokość.

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.

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": "team-grid",
    "modifications": {
        "title": "Meet the platform team",
        "subtitle": "Six people keeping 40 million renders a month fast and boring.",
        "member_1_name": "Maya Chen",
        "member_1_role": "Staff Engineer",
        "member_2_name": "Lukas Weber",
        "member_2_role": "Head of Platform",
        "member_3_name": "Sofia Ramos",
        "member_3_role": "SRE Lead",
        "member_4_name": "Daniel Okafor",
        "member_4_role": "Backend Engineer",
        "member_5_name": "Priya Raman",
        "member_5_role": "Product Designer",
        "member_6_name": "Tomás Silva",
        "member_6_role": "Developer Advocate",
        "site": "northwind.dev/team",
        "member_1_photo": "https://example.com/images/avatar-woman.jpg",
        "member_2_photo": "https://example.com/images/avatar-man.jpg",
        "member_3_photo": "https://example.com/images/avatar-woman2.jpg",
        "member_4_photo": "https://example.com/images/avatar-man2.jpg",
        "logo": "https://example.com/images/logo-northwind.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/team-grid.png?member_1_name=Maya%20Chen&member_1_role=Staff%20Engineer&member_2_name=Lukas%20Weber&member_2_role=Head%20of%20Platform&member_3_name=Sofia%20Ramos&member_3_role=SRE%20Lead&member_4_name=Daniel%20Okafor&member_4_role=Backend%20Engineer&member_5_name=Priya%20Raman&member_5_role=Product%20Designer&member_6_name=Tom%C3%A1s%20Silva&member_6_role=Developer%20Advocate&site=northwind.dev%2Fteam&subtitle=Six%20people%20keeping%2040%20million%20renders%20a%20month%20fast%20and%20boring.&title=Meet%20the%20platform%20team&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/team-grid/copy" \
  -H "Authorization: Bearer sk_live_YOUR_KEY"

Więcej szablonów: Kariera i ludzie

Oferta pracy Profil / karta autora Rekrutujemy (kilka stanowisk) Powitanie nowej osoby Nowe stanowisko Rocznica pracy Nagroda i wyróżnienie Zdobyty certyfikat Szukam pracy

Wszystkie szablony w kategorii Kariera i ludzie (13) →  ·  Wszystkie szablony →