ThumbnailGen Pro

Add Element

Object Actions

Layers

Canvas Background

Object Properties

Transform

Appearance

Shadow

Text

Image Filters

Long Shadow (3D Effect)

Select an object on the canvas to see its properties.

SolvProb — Custom Website & App Engineering

Thumbnail3

Design thumbnails on a Fabric.js canvas with images, text, shapes, gradients, filters and shadows; export PNGs or save editable JSON templates.

What this tool does

Thumbnail3 is a Fabric.js canvas editor for composing thumbnail graphics. Add images, text, and shapes, adjust layers and object properties, apply backgrounds and image filters, and create optional long shadows.

Who this is for

  • Creators preparing video, blog, or social thumbnails
  • Marketers testing visual layouts before final design work
  • Users who need a quick raster composition tool with editable templates

How to use this tool

  1. Set the canvas width and height, then import an image or add text and shapes
  2. Select objects to edit position, size, angle, scale, fill, stroke, opacity, shadow, and layer order
  3. Choose a solid or gradient background and apply available image filters or long shadows
  4. Export a PNG or save a Fabric JSON template for later editing

Inputs

Inputs include canvas dimensions, local images, text, shapes, colors, gradients, transforms, layer controls, opacity, shadows, image filters, and long-shadow settings.

Outputs

The canvas produces a raster PNG thumbnail. Save Template downloads Fabric JSON containing editable canvas data and custom background or long-shadow settings; it does not create vector artwork.

Example use cases

  • Build a branded thumbnail with a photo, title, and color treatment
  • Compare image filters and long-shadow directions
  • Save an editable layout before making a final raster export

Explore more SolvProb tools

More productivity tools All free apps Request a custom tool

Frequently asked questions

What can I add and customize?

You can add images, text, rectangles, and circles, then adjust transforms, layers, colors, gradients, opacity, shadows, filters, and long-shadow effects.

How do I save an editable template?

Use the template save control to download Fabric JSON. Load that JSON later in the page to restore the canvas structure and supported settings.

Does PNG export preserve vector quality?

No. PNG is a raster export at the current canvas dimensions. Use the JSON template when you need to continue editing the composition.

Why might an image or filter action run twice?

This page contains repeated event-binding code, so some actions may be triggered more than once. Large embedded images can also make rendering and template files heavy.

Need a custom tool built for your business?

SolvProb builds custom web apps, automation tools, and interactive experiences tailored to your workflow.

Talk to SolvProb →