Preview:
<!DOCTYPE html>
<html>

  <head>
    <script data-require="jquery@2.1.4" data-semver="2.1.4" src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="https://cdn.rawgit.com/rfvallina/Misc/master/pdf.js"></script>
    <script src="script.js"></script>
    <script src="https://cdn.rawgit.com/seikichi/tiff.js/master/tiff.min.js"></script>
  </head>

  <body>
    <h2>Image Preview</h2>
    <label>Select a file (jpg, png, tiff)</label>
    <br />
    <div>
      <input type="file" />
    </div>
  </body>

</html>
downloadDownload PNG downloadDownload JPEG downloadDownload SVG

Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!

Click to optimize width for Twitter