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.