PDF Rendering Comparison

Browser-Native (embed)

PDF.js (Canvas)

Toggles simulate common implementation mistakes

Re-render on zoom

OFF: zoom via CSS scale only (blurry!)

Use devicePixelRatio

OFF: canvas ignores HiDPI/Retina

Viewport scale = zoom

OFF: PDF.js always renders at scale=1

Cap canvas 800px

ON: simulates mobile canvas limit

image-rendering: pixelated

ON: visible pixels instead of smoothed

DPR Override

Forces a specific DPR value

Initial render scale

Fixed render resolution (zoom via CSS only)

Scale –

Device DPR –

Effective –

CSS Size –

Pixel Size –

Pages –

Page Size –

Title –

Author –

Producer –

Name –

Size –

Upload PDF