Skip to content

Useful tips for linking to pdf from html

Recently a client asked me if it was possible to have a pdf on their website open up at 100% automatically. I said I didn’t think it was possible but I’d have a look and see what I could find. Turns out it is possible and there’s a bunch of other commands that you can pass to Adobe Reader too.

Check out this useful article entitled Linking to PDF documents from HTML

Commands

When linking simply add a # after the pdf url and enter the command e.g. <a href=”mypdf.pdf#zoom=100″>

  • page=1 (brings you to page number)
  • zoom=100 (opens pdf at 100%)

Examples

Want to read more?

    None related articles found

Psst! We're hiring an Interaction Designer at Kareo. Click here if interested.

Photo of Lee Munroe

Written by Lee Munroe.

Follow @leemunroe on Twitter for more articles on UX design.


2 Appreciated Comments

Add your comment

  1. gembin says:

    nice

  2. danimeeka says:

    I have used #zoom=100 for “Powerscape Technical Sheet” on http://www.test.bparchitects.com.au/publications.html and it makes no difference. Perhaps BRIEFLY the PDF opens at 100% zoom, but it quickly reverts to full screen, which on my computer renders at 146% zoom. Any idea how I can fix that?
    Thankyou!