Tutorial · 4 min read
Penwork lets you embed any photo, diagram, chart, or screenshot directly inside your handwritten notebook pages. Here's exactly how to do it in 6 steps.
Whether you want to include a biology diagram, a geography map, a chemistry equation screenshot, or a photo of physical notes — Penwork lets you embed any image directly into your handwritten pages. The image appears inline in the page flow, exactly where you place the placeholder in the editor, and is included in the final PDF download.
Go to penwork.tech and enter your assignment content in the editor. You can type directly, paste from a document, or click the AI generator button to have the AI write notes for you on any topic.
In the toolbar above the editor, click the Insert Image (🖼️) button. This adds a [image:img-xxx] placeholder at the current cursor position in your text. This is where the image will appear on the final page — you can move the placeholder in the text to change the image's vertical position.
In the image panel that appears, click the upload area and select any JPG, PNG, WebP, or GIF file from your device. The image is loaded entirely in your browser — it is never uploaded to any server.
Use the Width and Height sliders (or enter values directly) to set the exact size of the image on the page. Leave both at 0 for auto-fit, which fills the available page width automatically. Setting width alone keeps the aspect ratio unless you also set a height.
Use the Offset X control to shift the image left or right from its centred position. Use Offset Y to shift it up or down relative to where it sits in the text flow. This lets you nudge the image exactly where it needs to be — just like sticking a photo into a real notebook.
Click the Preview button to see how the image looks on the handwritten page. When you're happy, click Download PDF to get a print-ready A4 PDF with your text and image combined. The PDF is generated entirely in your browser in seconds.
Penwork accepts any image format your browser supports — typically JPG, PNG, WebP, and GIF. For best quality in the PDF, use PNG or WebP.
No. Image processing happens entirely inside your browser using the HTML5 Canvas API. Your images are never uploaded to any server.
Yes. Each time you click Insert Image a new placeholder is added. You can have as many images as you like, each with its own size and position settings.
Make sure you have uploaded an image file after inserting the placeholder. If the placeholder has no image attached, it renders as empty space. Also check that the width is not set to a very small value.
Ready to embed images in your handwritten assignment?
Free, no signup. Open Penwork and start in seconds.