Generate a Low-Quality Image Placeholder
Create a maximum 32×32 JPEG data URI at quality 20, then display it with CSS blur while the full image loads.
Create a lightweight placeholder payload
The preset resizes the uploaded image inside 32×32 pixels, removes metadata, and re-encodes it as a low-quality JPEG data URI.
The encoded bitmap itself is small and low quality; the soft blurred appearance comes from CSS applied by your page.
How to generate an LQIP
- 1
Add the source image
Choose the full-size image that the placeholder will represent.
- 2
Generate the tiny JPEG
Keep the 32×32 maximum, JPEG quality 20, and data URI settings.
- 3
Apply it in CSS
Use the data URI as the temporary source and apply blur until the full image has loaded.
Frequently asked questions
Is blur baked into the generated image?+
No. The tool creates a tiny low-quality JPEG; the visible blur in the example is applied with CSS.
Does the LQIP preserve the original image?+
No. This preset intentionally resizes and recompresses a separate placeholder. Your source file on the device is not changed.
Related image tools
Image to Data URI
Create a complete Base64 data URL from an image
JPG to Base64
Encode original JPEG file bytes as Base64
WebP to Base64
Encode original WebP file bytes as Base64
PNG to Base64
Encode original PNG file bytes as Base64
SVG to Base64
Encode original SVG source bytes as Base64
GIF to Base64
Encode original GIF file bytes as Base64