I removed the post with the screenshot (I think just editing out the link would leave it in the edit history).
If you don't have the "optimize" setting than the image probably won't display properly on the page since it is a .pdf, but if you do have the "optimize" setting then it will convert to a websafe format and can no longer be referenced via a pdf extension since that isn't part of the export.
Further you cannot have two copies of the same file in the resource library even if they are named differently, as Hype "smartly" detects this. So there's no way to have two entries with each setting.
I'd recommend including the .pdf without the optimize setting, and add another image meant for display in a websafe (jpg, png) format. You can even copy out the one Hype produces in an export when the optimize setting is turned on.