How to generate a pdf preview image strip for a website embed
- Step 1Upload the PDF you want to preview — Drop the document into the image strip converter.
- Step 2Set the preview width — Choose a width that fits your product image container (e.g., 800px).
- Step 3Convert and download the strip — Save the preview image.
- Step 4Embed as a product image — Upload the strip to your CMS or e-commerce platform as the product preview image.
Frequently asked questions
How many pages should the preview strip show?+
3-5 pages is the standard for document preview strips. Showing the cover, contents page, and one or two body pages gives a good impression.
Should I use PNG or JPEG for the website embed?+
JPEG at 80% quality is optimal for web performance. Use PNG only if the preview contains text that needs to be sharp at small sizes.
Can I lazy-load the strip image?+
Yes — add loading='lazy' to the img tag in your HTML to defer loading the preview strip until it is near the viewport.
Privacy first
All PDF processing runs locally in your browser using PDF-lib and pdf.js. No file is ever uploaded — only metadata counters are saved for signed-in dashboard stats.