How to Save a Web Page with Text and Images to OneNote
Question details
The user wants to capture a complete webpage, including both text and images, and save it directly into OneNote without losing media files.
- Product
- Microsoft OneNote
- Device & OS
- not provided
- Scenario
- Trying to clip or save web articles and visual content for reference in a digital notebook.
- Observed behavior
- The OneNote Web Clipper sometimes captures only text and skips images due to webpage formatting, browser limitations, or the selected clipping mode.
Ensure your web browser is fully updated and verify that the webpage you want to save does not require a secure login, as protected pages often block third-party clipping tools from downloading images.
Save the Complete Webpage Using Your Browser
Bypassing the Web Clipper by saving the page natively ensures all media files are downloaded alongside the text.
This method uses the built-in saving feature of your web browser to download a complete package of the webpage's HTML and associated images. You can then attach or insert this content into your notebook.
Open the target webpage in your browser (e.g., Google Chrome), click the three-dot menu in the top right corner, and navigate to 'More Tools'.
Select 'Save page as' from the menu. Alternatively, you can press Ctrl+S on Windows or Command+S on macOS to open the save dialog immediately.
In the 'Save as type' or 'Format' dropdown menu, ensure the option is set to 'Webpage, Complete' to download both the HTML file and its media folder.
Locate the saved files on your computer and drag them into your OneNote page as file attachments.
Copy Content to a Word Document First
Manually copying web content into a document processor can help retain images before sending the cleaned data to OneNote.
Manage Web Content Seamlessly with WPS Office
If you find Microsoft Office tools like OneNote and Word cumbersome for saving and editing web articles, WPS Office offers a lightweight, highly compatible, and free alternative. You can easily paste web content into WPS Writer, edit out ads, and save it as a clean document or PDF for permanent storage.
Frequently Asked Questions
Why does the OneNote Web Clipper only save text and skip images?
The Web Clipper may fail to capture images due to complex webpage structures, lazy-loading images that haven't rendered yet, restrictive browser privacy settings, or using 'Article' mode on a site that does not support it well.
How do I report issues with the OneNote Web Clipper missing images?
You can submit a detailed report through the Microsoft Feedback Hub or Feedback Portal. Be sure to include your browser version, operating system, the exact page URL, steps to reproduce the issue, and screenshots of the missing images.
Is there a way to save a webpage with images but without ads?
Yes. You can activate your browser's 'Reader Mode' before saving, or use browser extensions designed to strip away ads and convert the clean article directly into a document file for better readability in OneNote.
Can I automatically send downloaded HTML webpages to OneNote as inline text?
You cannot automatically send complex HTML files directly as inline content by dragging and dropping. You will need to either insert the HTML file as an attachment, or open the HTML file in a browser and print it to OneNote using the 'Send to OneNote' printer option.
