Darmowa biblioteka, która zamienia JSX w obrazek w Twojej funkcji Next.js albo na edge.
Jeśli jesteś na Next.js albo Vercelu i pisanie karty w JSX Ci odpowiada, @vercel/og jest darmowy, szybki i działa tuż obok Twoich stron — używaj go. Mamy sens, gdy układ potrzebuje CSS, którego nie obsługuje, gdy tekst nie jest łaciński albo gdy Twoja strona w ogóle nie stoi na JavaScripcie.
| Co | @vercel/og | Image API |
|---|---|---|
| Cena | Darmowa biblioteka, Twoje zasoby | Od zera, potem $9 za 2 000 |
| Język szablonu | JSX (React) | Zwykły HTML i CSS |
| Obsługa CSS | Podzbiór — flexbox; grid dopiero wchodzi | Wszystko, co renderuje Chrome |
| Gdzie działa | Next.js i środowiska edge, limit paczki 500 KB | Dowolny stack, jedno żądanie HTTP |
| Fonty | Sam je dołączasz i wczytujesz | Wybierasz z naszej listy |
| Tekst tajski, arabski, CJK | Znane problemy z układem | Renderuje prawdziwa przeglądarka |
Ceny @vercel/og (za darmo, płacisz za funkcję, która to uruchamia) pochodzą z ich publicznego cennika, sprawdzone 2026-10. Jeśli coś się zmieniło — napisz, poprawimy.
Jesteś na Next.js, Twój projekt mieści się we flexboksie i wolisz nie zależeć od kolejnej usługi.
Jesteś na Rails, Django, WordPressie, Hugo albo Ghoście, Twój projekt już istnieje w HTML i CSS albo Satori ciągle psuje Ci układ.
Szablon przepisujesz raz, jako HTML i CSS. Podgląd nie zużywa limitu, więc dopracowanie układu nic nie kosztuje. Potem podmieniasz jedno wywołanie u siebie.
curl -X POST "https://imageapi.dev/v1/images?wait=true" \
-H "Authorization: Bearer sk_live_..." \
-H "Content-Type: application/json" \
-d '{"template":"blog-og","modifications":{"title":"...","author":"..."}}'Bannerbear · Placid · HTMLCSStoImage · Orshot · Cloudinary