portfolio-showcase

Szablon obrazka OG: Portfolio z pracami

Do trzech prac rozłożonych jak karty w dłoni, a obok imię, rola i ponumerowane tytuły projektów.

Użyj tego szablonu — zacznij za darmo Dokumentacja
Szablon obrazka Open Graph „Portfolio z pracami” wyrenderowany przez Shareglint
Szablon Portfolio z pracami w rozmiarze square (1080×1080)
Szablon Portfolio z pracami w rozmiarze portrait (1080×1350)
Szablon Portfolio z pracami w rozmiarze story (1080×1920)
Szablon Portfolio z pracami w rozmiarze pinterest (1000×1500)
Szablon Portfolio z pracami 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 projektantów, programistów, fotografów i kreatorów portfolio, którym obrazek OG ma pokazać prace, a nie tylko twarz. Każdy obraz staje się kartą w wachlarzu; projekt bez obrazu dostaje prążkowaną kartę z pierwszą literą, a brak zdjęcia profilowego — koło z inicjałami. Długie tytuły kończą się wielokropkiem, a projekty ponad trzy są policzone. Szerokie kadry stawiają imię po lewej, a wachlarz po prawej; kwadratowe i pionowe układają imię nad większym wachlarzem.

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 Noor Haddad
role tekst Czym się zajmujesz, do dwóch linii. Product designer for fintech and data tools
projects tekst Tytuły projektów rozdzielone ;, np. Panel finansowy;Aplikacja bankowa;Okładka płyty. Widać trzy, w kolejności obrazów. Ledger analytics dashboard;Pocket banking app;Sunset Drive album art
site tekst Adres portfolio. noorhaddad.design
image_1 adres obrazka Obraz pierwszego projektu; na karcie widać jego górną część. https://example.com/images/dashboard.png
image_2 adres obrazka Obraz drugiego projektu. https://example.com/images/phone-app.png
image_3 adres obrazka Obraz trzeciego projektu. https://example.com/images/album-cover.png
avatar adres obrazka Twoje zdjęcie, okrągłe. https://example.com/images/avatar-woman2.jpg
accent kolor Kolor marki w zapisie hex, np. #6366f1. Barwi przyciski, wyróżnienia i poświatę w tle. domyślnie: #8b5cf6 #8b5cf6
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": "portfolio-showcase",
    "modifications": {
        "name": "Noor Haddad",
        "role": "Product designer for fintech and data tools",
        "projects": "Ledger analytics dashboard;Pocket banking app;Sunset Drive album art",
        "site": "noorhaddad.design",
        "image_1": "https://example.com/images/dashboard.png",
        "image_2": "https://example.com/images/phone-app.png",
        "image_3": "https://example.com/images/album-cover.png",
        "avatar": "https://example.com/images/avatar-woman2.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/portfolio-showcase.png?name=Noor%20Haddad&projects=Ledger%20analytics%20dashboard%3BPocket%20banking%20app%3BSunset%20Drive%20album%20art&role=Product%20designer%20for%20fintech%20and%20data%20tools&site=noorhaddad.design&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/portfolio-showcase/copy" \
  -H "Authorization: Bearer sk_live_YOUR_KEY"
Użyj tego szablonu — zacznij za darmo

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

Szablon obrazka Open Graph „miniatura wideo” wyrenderowany przez Shareglint Miniatura wideo Szablon obrazka Open Graph „Miniatura twórcy” wyrenderowany przez Shareglint 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 Szablon obrazka Open Graph „Miniatura reakcji” wyrenderowany przez Shareglint Miniatura reakcji

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