twitch-offline

Stream offline screen OG image template

An off-air screen for a stream: the channel art dimmed under scanlines, the next stream time in the middle, the week's schedule as tiles and test-card bars along the foot.

Stream offline screen Open Graph image template rendered by Shareglint
Stream offline screen template at square size (1080×1080)
Stream offline screen template at portrait size (1080×1350)
Stream offline screen template at story size (1080×1920)
Stream offline screen template at pinterest size (1000×1500)
Stream offline screen 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 streamers and stream tools filling the channel's offline banner or a "starting soon" screen. Twitch wants 1920×1080: render the youtube size (1280×720) with scale: 1.5 and you get exactly that. A long message shrinks to fit, up to seven schedule days are shown (the rest as "+N") and four socials. Without a background the screen becomes a dark room with a grid floor in the accent; without an avatar the channel's initials stand in its circle. Wide frames put the avatar beside the channel name and the days in one row; square frames stack a larger avatar above the message; vertical frames turn the schedule into a timetable list.

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
channel text Channel name next to the avatar. NorthwindPlays
message text The main line, e.g. Back Tuesday at 8 PM CET. default: Back soon Back Tuesday at 8 PM CET
schedule text Stream days separated by ;, each as day|time, e.g. Tue|8 PM;Thu|8 PM;Sat|2 PM. Seven are shown. Tue|8 PM;Thu|8 PM;Sat|2 PM
socials text Links separated by ;, each as platform|handle or just the handle, e.g. YouTube|northwindplays;Discord|nwnd.gg/play. Four are shown. YouTube|northwindplays;X|@northwindplays;Discord|nwnd.gg/play
avatar image URL Channel avatar, round; it gets a grey offline dot. https://example.com/images/b09-streamer.png
background image URL Channel art behind the screen, dimmed; 16:9 works best. https://example.com/images/b09-stream-bg.png
accent colour Brand colour as hex, e.g. #6366f1. Drives buttons, highlights and the background glow. default: #9146ff #9146ff
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": "twitch-offline",
    "modifications": {
        "channel": "NorthwindPlays",
        "message": "Back Tuesday at 8 PM CET",
        "schedule": "Tue|8 PM;Thu|8 PM;Sat|2 PM",
        "socials": "YouTube|northwindplays;X|@northwindplays;Discord|nwnd.gg/play",
        "avatar": "https://example.com/images/b09-streamer.png",
        "background": "https://example.com/images/b09-stream-bg.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/twitch-offline.png?channel=NorthwindPlays&message=Back%20Tuesday%20at%208%20PM%20CET&schedule=Tue%7C8%20PM%3BThu%7C8%20PM%3BSat%7C2%20PM&socials=YouTube%7Cnorthwindplays%3BX%7C%40northwindplays%3BDiscord%7Cnwnd.gg%2Fplay&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/twitch-offline/copy" \
  -H "Authorization: Bearer sk_live_YOUR_KEY"

More Podcasts, music & books templates

All 10 Podcasts, music & books templates →  ·  All templates →