Generate lightweight image placeholders

Generate a blurred 32-pixel WebP placeholder and ready-to-use CSS. Every file is processed in the current browser and is never uploaded to HarnessTrail.

What it is useful for

  • Lazy loading
  • Above-the-fold placeholders
  • Progressive loading

Supported formats

Input
JPG, JPEG, JFIF, PNG, WebP, AVIF, GIF, SVG, BMP, ICO, HEIC, HEIF, PSD, TIFF and TGA (decoding support depends on the browser)
Output
WebP and CSS text

How to use it

  1. 01Add the files you want to process with Generate lightweight image placeholders. You can select multiple files or a folder.
  2. 02Adjust the settings on the right and inspect the source and expected result in the preview.
  3. 03Start processing, then download individual results, create a ZIP, or send image results to another tool.

Compatibility and limits

Frequently asked questions

Are files uploaded?

No. Reading, processing and exporting all happen locally in your browser.

Does Generate lightweight image placeholders support batches?

Independent tools process files one by one. Combination tools such as stitching, comparison, GIF and PDF process the selected group together.