thumbnail-gaming

Gaming thumbnail OG image template

Gaming video or stream thumbnail: the character large with a hard rim light, the title on a slanted band, the episode number, and the rank on a gold shield.

Gaming thumbnail Open Graph image template rendered by Shareglint
Gaming thumbnail template at square size (1080×1080)
Gaming thumbnail template at portrait size (1080×1350)
Gaming thumbnail template at story size (1080×1920)
Gaming thumbnail template at pinterest size (1000×1500)
Gaming thumbnail template at youtube size (1280×720)

These are real renders from the API with the example values in the table below. Switch the size above: the same template lays itself out for all 6 sizes — send size or sizes with the request.

For gaming creators and esports channels. A character image with a transparent background works best, since the rim light follows its outline. The title shrinks to fit the band and stops at four lines, the rank wraps inside the shield; without a character a glowing crystal holds its place. Wide frames put the character on the right, vertical frames put the band on top and the character below.

Fields

Every field is optional. Long text shrinks to fit instead of overflowing; an image field takes a public URL that we fetch on our side.

Field Type Description Example
title text Title of the video, e.g. Solo to Diamond in one night. default: Epic win Solo to Diamond in one night
game text Name of the game next to its logo. Neon Rift
episode text Episode number, shown after EP. 12
rank_badge text Rank or achievement on the shield, e.g. Diamond II. Diamond II
channel text Channel name with a live dot. PixelPilot
character_image image URL The character or the player, ideally a cut-out with a transparent background. https://example.com/images/b01-mech.png
game_logo image URL Logo of the game. https://example.com/images/b01-game-logo.png
accent colour Brand colour as hex, e.g. #6366f1. Drives buttons, highlights and the background glow. default: #22d3ee #22d3ee
theme dark | light Colour scheme: dark or light. —

Render it with one request

Use the slug as template. The response holds the URL of the finished PNG; ?wait=true keeps the connection open until it is ready.

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-gaming",
    "modifications": {
        "title": "Solo to Diamond in one night",
        "game": "Neon Rift",
        "episode": "12",
        "rank_badge": "Diamond II",
        "channel": "PixelPilot",
        "character_image": "https://example.com/images/b01-mech.png",
        "game_logo": "https://example.com/images/b01-game-logo.png"
    }
}'

Or paste a signed URL into og:image

For static sites, Webflow, Shopify and no-code tools: put the fields in the query string and sign it with your signing secret. The first request renders the image, every later one is a redirect to the cached file. How to compute the signature.

<meta property="og:image" content="https://shareglint.com/i/acc_YOUR_ACCOUNT_ID/thumbnail-gaming.png?channel=PixelPilot&episode=12&game=Neon%20Rift&rank_badge=Diamond%20II&title=Solo%20to%20Diamond%20in%20one%20night&s=YOUR_SIGNATURE">

Make it yours

accent and theme change per request. For anything more, copy the template into your account: you get an ordinary HTML template with the same fields that you can edit in the dashboard or through the API. If the slug is free on your account, the copy takes it — your integrations switch to your version without changing a line.

curl -X POST "https://shareglint.com/v1/templates/library/thumbnail-gaming/copy" \
  -H "Authorization: Bearer sk_live_YOUR_KEY"

More Social media & creators templates

All 19 Social media & creators templates →  ·  All templates →