News & Media: Automate Article Thumbnails

News never waits for design. When a story breaks, you need a thumbnail now, not after a 15-minute round trip with a designer or an editor fumbling through Canva.

Most news sites publish 20-50 articles per day. Each article needs a thumbnail for the homepage, a different size for social media, and an OG image for link previews. That's 60-150 images daily. No design team can keep up with that manually.

The fix is dead simple: design category templates once, then auto-generate thumbnails when articles publish. We've seen newsrooms cut their image production time by 95% this way. If you're unfamiliar with the concept, our what is an image API guide explains how template-based generation works.

Why article thumbnails matterWhy Article Thumbnails Matter

Thumbnails are the front door to every article. On your homepage, in social feeds, in Google Discover, in Apple News, the thumbnail is what people see first.

A bland or missing thumbnail means fewer clicks, fewer shares, fewer readers. But spending 15 minutes per thumbnail on a 40-article-per-day schedule isn't an option.

The newsroom thumbnail problemThe Newsroom Thumbnail Problem

I've talked to editors at mid-size publications who describe the same pattern:

1. Reporter files a story
2. Editor searches stock photo sites for 5-10 minutes
3. Editor opens Canva, adds headline text and category badge
4. Editor exports, uploads to CMS
5. Editor resizes for social media (different crop)
6. Repeat 30+ times per day

That's 3-5 hours daily just on thumbnails. And for breaking news, the delay is even worse: the story is live but the thumbnail is still being made. So the question becomes: why not automate this entirely?

How template based thumbnails workHow Template-Based Thumbnails Work

Design a set of templates, one per content category. When an article publishes, the CMS triggers an API call with the headline, category, and optional author photo. The thumbnail generates in under 2 seconds.

Dynamic fields per article:

• Headline text (the biggest element)
• Category label (Politics, Sports, Tech, Opinion, etc.)
• Author name and headshot (optional)
• Publication date
• Breaking news badge (conditional)

Fixed elements per template:

• Publication logo and branding
• Layout and typography
• Background style and color scheme per category
• Reading time or article type indicator

Category color codingCategory Color Coding

Smart newsrooms use color to help readers instantly recognize content types:

Readers scan your homepage and know what's what at a glance. Consistent visual language builds trust.

Setting up automated thumbnailsSetting Up Automated Thumbnails

Step 1 design your category templatesStep 1: Design Your Category Templates

Create one template per category in Imejis.io. Each template uses the same layout but different accent colors and optional design elements.

Template checklist:

• Headline text layer (large, bold, high-contrast)
• Category badge (upper-left or upper-right corner)
• Publication logo (bottom corner, small but visible)
• Optional: author headshot in a circle crop
• Optional: "BREAKING" or "EXCLUSIVE" overlay badge

Step 2 integrate with your cmsStep 2: Integrate with Your CMS

Most CMS platforms support webhooks or publish events.

WordPress:

<?php
add_action('publish_post', function($post_id) {
    $post = get_post($post_id);
    $category = get_the_category($post_id)[0]->name;
 
    $template_map = [
        'Politics' => 'POLITICS_TEMPLATE_ID',
        'Sports' => 'SPORTS_TEMPLATE_ID',
        'Technology' => 'TECH_TEMPLATE_ID',
        'Opinion' => 'OPINION_TEMPLATE_ID',
        'Breaking News' => 'BREAKING_TEMPLATE_ID',
    ];
 
    $template_id = $template_map[$category] ?? 'DEFAULT_TEMPLATE_ID';
 
    $response = wp_remote_post(
        "https://render.imejis.io/v1/{$template_id}",
        [
            'headers' => [
                'dma-api-key' => 'YOUR_API_KEY',
                'Content-Type' => 'application/json',
            ],
            'body' => json_encode([
                'headline' => ['text' => $post->post_title],
                'category' => ['text' => $category],
                'author_name' => ['text' => get_the_author_meta('display_name', $post->post_author)],
                'date' => ['text' => date('M j, Y')],
            ]),
            'timeout' => 15,
        ]
    );
 
    if (!is_wp_error($response)) {
        $image_data = wp_remote_retrieve_body($response);
        $upload = wp_upload_bits("thumb-{$post_id}.png", null, $image_data);
        set_post_thumbnail($post_id, $upload['url']);
    }
});
?>

Headless CMS (Contentful, Sanity, Strapi):

Use webhooks that fire on article publish. Your backend receives the webhook payload, calls the image API, and stores the thumbnail URL back on the content entry.

We have a detailed guide on headless CMS + image API automation covering Contentful, Sanity, and Strapi setups.

Step 3 generate multiple sizesStep 3: Generate Multiple Sizes

Each article needs thumbnails in several sizes. Generate all of them from the same data:

const sizes = [
  { template: "OG_TEMPLATE", name: "og", width: 1200, height: 630 },
  { template: "HOMEPAGE_TEMPLATE", name: "hero", width: 800, height: 450 },
  { template: "SQUARE_TEMPLATE", name: "social", width: 1080, height: 1080 },
]
 
for (const size of sizes) {
  const image = await generateImage(size.template, {
    headline: { text: article.title },
    category: { text: article.category },
    author_name: { text: article.author },
  })
 
  await saveImage(image, `${article.slug}-${size.name}.png`)
}

Three API calls, under 6 seconds, all sizes covered. For a full walkthrough of making your first API call, see our how to generate images with API tutorial.

Handling breaking newsHandling Breaking News

Breaking news needs special treatment. Speed matters more than polish.

Breaking news template features:

• Red "BREAKING" banner across the top
• Larger headline text (fewer words, bigger impact)
• No author photo (speed over attribution)
• Timestamp visible ("Updated 2:47 PM ET")

In your CMS, flag articles as "breaking." When the publish hook fires and the breaking flag is set, use the breaking news template instead of the category default.

const templateId = article.isBreaking
  ? "BREAKING_TEMPLATE_ID"
  : categoryTemplates[article.category]
 
const thumbnail = await generateImage(templateId, {
  headline: { text: article.title },
  category: { text: article.isBreaking ? "BREAKING" : article.category },
  timestamp: {
    text: new Date().toLocaleTimeString("en-US", { timeStyle: "short" }),
  },
})

Editor override workflowEditor Override Workflow

Not every thumbnail should be auto-generated. Feature stories, investigative pieces, and major events deserve custom art. Build the escape hatch into your workflow.

How it works:

1. Every article auto-generates a thumbnail on publish
2. If an editor uploads a custom thumbnail, the CMS uses that instead
3. If no custom thumbnail exists, the auto-generated one displays
4. Editors can regenerate the auto-thumbnail if they change the headline

This gives your team the best of both worlds. 80% of articles get instant thumbnails. The 20% that matter most get human attention.

Og images and social sharingOG Images and Social Sharing

Your OG image is what appears when someone shares your article on Facebook, Twitter, LinkedIn, or Slack. A bad OG image (or a missing one) kills social traffic.

Auto-generating OG images from your headline ensures every article has a branded, readable preview when shared. No more blank gray boxes or cropped stock photos.

Read our complete guide on generating OG images dynamically for technical details on Next.js, static sites, and CMS setups.

Measuring impactMeasuring Impact

Track these metrics after implementing automated thumbnails:

• Production time: Should drop from 3-5 hours/day to near zero
• Time to publish: Breaking news stories go live with thumbnails instantly
• Social CTR: Consistent, branded thumbnails typically improve click-through by 15-30%
• Google Discover inclusion: Google favors articles with high-quality, large images

One regional news publisher we worked with went from 4 hours of daily thumbnail work to zero. Their social engagement increased 22% in the first month because every article shipped with a polished, on-brand image. For more on automating social visuals, read our guide on automating social media images. And if you're evaluating providers, our image generation API pricing comparison breaks down costs across the market.

FaqFAQ

How fast can i generate a thumbnail for a breaking news storyHow fast can I generate a thumbnail for a breaking news story?

Under 2 seconds per image via API. When your CMS publishes an article, the thumbnail generates instantly. For breaking news, that means the image is ready before the article even hits social media.

Can i automate thumbnails for different platforms from one templateCan I automate thumbnails for different platforms from one template?

Yes. Create templates for each platform size: 1200x630px for Facebook/OG, 1080x1080px for Instagram, 1600x900px for homepage hero. Pass the same headline and category data to each template and generate all sizes in one batch.

How do news sites handle image consistency across hundreds of articlesHow do news sites handle image consistency across hundreds of articles?

By using category-specific templates. Politics articles get a blue template, sports get green, opinion gets red. The layout stays identical, and only the headline, category label, and accent color change. Readers learn to recognize sections at a glance.

What if our editors want to override the automated thumbnailWhat if our editors want to override the automated thumbnail?

Build the override into your CMS workflow. If an editor uploads a custom thumbnail, use it. If the custom thumbnail field is empty, auto-generate one. Most newsrooms auto-generate 80% and manually design only for feature stories.

How much does thumbnail automation cost for a news siteHow much does thumbnail automation cost for a news site?

Imejis.io starts at $14.99/month for 1,000 images. A site publishing 30 articles per day generating 3 sizes each (2,700/month) fits on the Starter plan. High-volume publishers use the Pro tier at $24.99/month for 10,000 images.

Your stories deserve better than stock photosYour Stories Deserve Better Than Stock Photos

Every article you publish without a proper thumbnail is a missed opportunity. Readers scroll past. Social shares look unprofessional. Google Discover ignores you.

Set up your category templates. Wire them to your CMS. Let every article ship with a polished, branded thumbnail the moment it goes live.

Your editors focus on journalism. The API handles the images.

Get started with Imejis.io →