Skip to content
xspdf
Back to PDF to PNG API
Stop embedding PDF viewers — embed the image instead

Convert PDF slides to images for web

PDF viewers on landing pages are slow, break on mobile, and hand control to the viewer's chrome — not your layout. Converting a PDF presentation into high-res PNG gives you pixel-perfect images you can embed, animate, lazy-load, or place in any layout. The PDF to PNG API extracts every slide at the DPI you need — lossless quality, consistent every time.

Convert Slides to PNG Free Why PNG, not PDF?

Lossless

PNG quality (no JPEG artifacts)

Any DPI

72px for web, 300px for print

Batch

all slides in one API call

Mobile

renders perfectly on all devices

Why embed PNG images instead of a PDF viewer

PDF viewers kill page speed

Embedded PDF iframes load heavy JavaScript viewers that add 200–800ms to LCP. PNG images load as fast as any other asset on the page.

Mobile viewer UX is broken

PDF viewers on mobile often render at the wrong scale, require pinch-to-zoom, or simply fail. PNG images scale and reflow naturally with CSS.

No layout control with viewers

Viewers show their own toolbar, pagination, and chrome. PNG images embed inside your design system — custom overlays, captions, animations, all yours.

Embed a presentation on your landing page in 3 steps

  1. 1

    Export your deck as PDF

    From PowerPoint, Keynote, or Google Slides — export to PDF with full resolution. This is your source file.

  2. 2

    POST to PDF to PNG API — specify DPI

    Set 150 DPI for web-quality images. 300 DPI for retina screens. You get one PNG per slide, numbered sequentially.

  3. 3

    Embed PNGs with standard HTML

    Use `<img>` tags, a CSS grid, or a carousel component. Full lazy loading, alt text, and responsive sizing support.

Get Started Free

Before vs After

Before

PDF iframe embedded on landing page

Slow load, broken mobile, viewer chrome visible

Before

Users can download the source PDF

Exposes full editable file unintentionally

After

PNG images in CSS carousel

Instant load, mobile-perfect, fully branded

After

Source PDF never exposed

Images only — nothing to download or edit

FAQ

Why PNG and not JPG for slide images?
PNG is lossless — text, sharp edges, and flat color blocks in presentation slides render without compression artifacts. JPG is better for photos. Use PNG for slides and diagrams.
Can I extract only specific slides (pages)?
Yes. Specify a page range or individual page numbers in your API request. Useful for embedding only the teaser slides publicly while keeping the rest behind a gate.
How do I handle a 50-slide presentation without blocking the page load?
Generate and store all PNGs at upload time. At render time, serve them with native lazy loading (`loading="lazy"`) so only visible slides load. The initial viewport loads instantly.