Skip to main content


This topic contains 2 replies, has 2 voices, and was last updated by  bearhead 4 years, 5 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #200525


    I have several pdf documents that can be download from a website I am working on. I wanted the links to those downloads to include an image of the first page of the pdf. Is there any way to embed the pdf so that it displays like a static image? I could of course manually create the images, but I’m looking for something more automated.

    I have tried using an object and iframe, but I can’t scale the content to fit the dimensions of the object/iframe. Additionally it weirdly seems like Overflow:hidden and scrolling:no are ignored when the data/src is a pdf. I’d post a pen, but it looks like codepen can’t render pdfs in an object or iframe?




    This reply has been reported for inappropriate content.

    Yeah, I came across that on SO as well, but I was hoping to embed the pdf as a static resource, all those solutions embed the pdf with some sort of viewer.

    The url parameters looked promising, but it seems like basically every (modern) browser ignores them?

    Anyway, I neglected the fact that embedding the pdf in any way will result in pretty poor page performance (the pdfs I’m dealing with are generally large resources). So, I suppose I’ll just have to create the images manually.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

icon-link icon-logo-star icon-search icon-star