thumbnails

Embed Adology thumbnail images as base64 data URIs in generated documents.

2|1|Updated Apr 23, 2026

Search Tags:#documentation #rendering #thumbnail #base64 #image-embedding #data-uri

Ready to run

npx skills add https://github.com/adologyai/content-intelligence-plugin --skill thumbnails

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: thumbnails
Source: https://github.com/adologyai/content-intelligence-plugin/tree/main/skills/thumbnails
Command: npx skills add https://github.com/adologyai/content-intelligence-plugin --skill thumbnails

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Adology thumbnail images often fail to render in generated documents when external image loading is blocked or unreliable; this skill ensures thumbnails render reliably by embedding them as inline data.

Core Features & Use Cases

Inline thumbnails: Convert images to base64 data URIs to create self-contained documents.
Fallback handling: Use direct URLs if offline rendering is acceptable.
Workflow integration: Swap thumbnail sources during template rendering in host skills like audience-deep-dive, influencer-vetting, or empathy canvases.

Quick Start

Invoke this skill before producing any deliverable that includes thumbnail citations, and specify the thumbnail URLs to inline.

Frequently Asked Questions about thumbnails

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I embed base64 image data into documents for reliable offline rendering?▼

To embed base64 image data into documents for reliable offline rendering, you convert thumbnail images into data URIs and substitute them during template generation. This creates self-contained files that render without external network requests.

Why do external thumbnail images fail to render in generated documents?▼

External thumbnail images fail to render in generated documents when external image loading is blocked or the network is restricted. Converting these images to inline base64 data URIs ensures they display reliably within the deliverable.

What is the best way to inline Adology thumbnails in empathy canvases and insight briefs?▼

The best way to inline Adology thumbnails in empathy canvases and insight briefs is to use a deterministic Python method to fetch image data, convert it to data URIs, and swap thumbnail sources during the document rendering workflow.

Does inline base64 image embedding work with restricted networks?▼

Yes, inline base64 image embedding works with restricted networks. By fetching image data and converting it to data URIs beforehand, the generated documents become self-contained and bypass external image loading restrictions.

When should I use direct URLs instead of data URIs for thumbnail rendering?▼

You should use direct URLs instead of data URIs for thumbnail rendering when offline rendering is acceptable and external image loading is reliable. This fallback approach prevents unnecessary file size increases in unrestricted network environments.