Capturing PNGs and PDF files is not fully supported by the Walnut extension.

If you’d like to capture them, we can suggest the following workaround of wrapping the element with an HTML frame.

You can use this frame as a template:

Image:

<html>
<head>
<title>Page Title</title>
</head>
<body>
<img src="image.png" width="350px" height="500px"/>
</body>
</html>

PDF:

<html>
<head>
<title>Page Title</title>
</head>
<body>
<iframe src="source.pdf" style="width: 100%;height: 100%;border: none;">
</iframe>
</body>
</html>

How to do it?

  1. Paste the code above into a text editor

  2. Replace the source link with the one for your image

    1. example: "/Users/YOURNAME/Documents/Screenshot.png"

  3. Set the width and height for the best capturing outcome.

  4. Save as an ".HTML" file

  5. Launch the file in your browser

  6. Capture using the Walnut extension

Did this answer your question?