Free tools Windows power users keep installed
One-click scans. No signup required.
To convert HTML to PNG on a Mac, open and render the page in a browser, then capture its viewport or full page. For a one-off capture, Chrome DevTools is the quickest route. For repeatable jobs, use Chrome Headless or Playwright. Safari can help you inspect a page, but its Save As command does not export PNG.
Choose a method based on what you need
| Method | Best for | Capture scope and control | Setup |
|---|---|---|---|
| Chrome DevTools | Occasional captures with visual inspection | Visible viewport or full-size page | Chrome, no code |
| Safari and macOS screenshot | Checking Safari-rendered output or making a quick visible capture | Visible screen; full-page capture needs another workflow | Safari |
| Chrome Headless | A simple command-line capture | Viewport size can be set; command saves a screenshot | Chrome executable available in the shell |
| Playwright | Repeatable scripts, element captures, or browser-engine choice | Viewport, full page, element, and device scale | Node.js project and Playwright |
| wkhtmltoimage | Simple local HTML or URL conversion where its rendering is suitable | Image output; validate the page’s compatibility | Install the tool |
These methods capture the rendered page, not the HTML source. A browser lays out the markup, applies CSS, loads images and fonts, and runs JavaScript; the screenshot records the resulting pixels. Your result can therefore vary with browser engine, viewport, device scale, page state, and whether remote resources load.
Use Chrome DevTools for a one-off PNG
- Open the local HTML file in Chrome, or navigate to the web page you want to capture.
- Open DevTools. You can use the Chrome menu or the keyboard shortcut for your Mac and Chrome version.
- Open the DevTools command menu and search for a screenshot command. Choose the regular screenshot for the visible viewport, or Capture full size screenshot for the full scrollable document.
- Save the generated PNG where you can find it, then open it to check clipping, text, and images.
Chrome documents both viewport and full-size screenshot capture through DevTools. The viewport option is appropriate when the target is a screen-sized composition; full size is useful for a long article or page. A full-page capture can produce a very tall image, and some pages render differently when the browser captures beyond the visible viewport.
Before capturing, set the browser window or device toolbar to the intended width. Responsive pages may rearrange columns or navigation at different widths. If the capture needs to match a particular device, verify the layout at that width rather than assuming the Mac’s current window size represents it.
#1 Best Overall
- AN AMAZING MAC AT A SURPRISING PRICE — With an incredibly portable and durable aluminum design, up to 16 hours of battery life,* and the A18 Pro chip, MacBook Neo is ready to go wherever school takes you.
- FOUR STUNNING COLORS. ONE DURABLE DESIGN — Choose from four beautiful colors — Silver, Blush, Citrus, or Indigo — each with a color-coordinated keyboard. And MacBook Neo is made with a durable recycled aluminum enclosure that helps it reach 60 percent recycled content by weight — the most ever in any Apple product.*
- FLY THROUGH EVERYDAY ASSIGNMENTS — Whether you’re cramming for finals, using Apple Intelligence* to summarize class notes, creating presentations, or even playing the latest Apple Arcade game,* MacBook Neo delivers the performance and AI capabilities you need to get things done.
- UP TO 16 HOURS OF BATTERY LIFE — MacBook Neo delivers all day battery life, so you can power through from early morning classes to late night study sessions without worrying about plugging in.
- A VIBRANT 13-INCH DISPLAY* — The gorgeous Liquid Retina display on MacBook Neo supports 1 billion colors, so photos and videos pop and text is crisp for easy reading.
Use Safari to inspect, then capture the rendered result
Safari’s File > Save As saves a Web Archive or Page Source; it is not a direct PNG export. For Safari-specific rendering, first inspect the page, then use a screenshot workflow for the visible content. Apple’s Web Inspector opens from Develop > Show Web Inspector or with Option-Command-I. The Develop menu may need to be enabled in Safari settings.
- Open the HTML file or URL in Safari.
- Open Develop > Show Web Inspector and check the rendered DOM, styles, and layout.
- Adjust the window to the intended viewport and make sure the content is in the state you want to preserve.
- Capture the visible screen with macOS screenshot controls. If you need the entire scrolling document, use a browser full-page capture method instead of treating Save As as a PNG export.
This is useful when the target must look as it does in Safari or WebKit. A screenshot of the visible screen includes the screen composition, so arrange the browser window carefully; for a clean page-only image, a browser capture tool gives more control.
Capture from Terminal with Chrome Headless
Chrome Headless can write a PNG screenshot without opening a visible browser window. Google’s documented example is:
chrome --headless=new --screenshot --window-size=412,892 https://developer.chrome.com/The command saves screenshot.png in the current working directory. Replace the URL and dimensions to suit the page. For a local file, pass a file URL, such as file:///Users/you/project/page.html, rather than a bare filesystem path.
chrome --headless=new --screenshot --window-size=1280,900 file:///Users/you/project/page.htmlThe name chrome in the example assumes the executable is available on your shell’s PATH. If macOS reports that the command is not found, use the path to the Chrome executable installed on your Mac, or add that executable’s directory to PATH. The browser must be installed and allowed to run.
Rank #2
- BUILT FOR COLLEGE. AND BEYOND — MacBook Air with the M5 chip packs blazing speed and powerful AI capabilities into an incredibly portable design. And with up to 18 hours of battery life,* this thin and light powerhouse is ready to take on almost any major, just about anywhere.
- TEAR THROUGH TOUGH ASSIGNMENTS — With its faster CPU and unified memory, the M5 chip delivers even more performance and fluidity across apps, making multitasking and creative workflows smooth and responsive. A powerful Neural Engine and next-generation GPU with Neural Accelerators give you a powerful platform for AI.
- MAKE QUICK WORK OF YOUR TO-DO LIST — Apple Intelligence helps you write, express yourself, and get things done effortlessly — whether it’s for school or everyday life. With groundbreaking privacy protections, it gives you peace of mind that no one else can access your data — not even Apple.*
- UP TO 18 HOURS OF BATTERY LIFE — MacBook Air delivers incredible battery life with amazing performance, so you can power through a full day of classes without worrying about plugging in.
- A BRILLIANT 13.6-INCH DISPLAY* — The gorgeous Liquid Retina display on MacBook Air supports 1 billion colors, making photos and videos pop with rich contrast and sharp detail, and text appears supercrisp. So everything — from class presentations to movies to games — looks truly stunning.
--window-size sets the viewport dimensions; it does not guarantee a full-document capture. The documented flag writes a screenshot of the target page, but if you specifically need full-page output, use DevTools or Playwright’s full-page option. Check the resulting image because site scripts, cookie prompts, delayed content, and animation can affect what appears at capture time.
Automate screenshots with Playwright
Playwright is a practical choice when you need to capture pages repeatedly, select one element, or use a specific browser engine. Its Page API writes PNG when the filename ends in .png; Playwright infers screenshot type from the extension. The following Node.js example opens a page and saves a full-page PNG.
const { chromium } = require('playwright');
(async () => {
const browser = await chromium.launch();
const page = await browser.newPage({ viewport: { width: 1280, height: 900 } });
await page.goto('https://example.com', { waitUntil: 'networkidle' });
await page.screenshot({ path: 'screenshot.png', fullPage: true });
await browser.close();
})();Install Playwright in a Node.js project, install the browser it will use, save the example as a JavaScript file, and run it with Node. The Playwright CLI also supports screenshot commands, including --type=png, --full-page, element targets, and device-scale output. Use the API when you need to control navigation, waits, or browser setup within a script.
Quick wins for a faster PC:
Clear out junk files and repair common Windows errorsFree Scan →Scan for outdated or missing drivers - takes under a minuteDriver Scan →Capture one element instead of the page
Give the element a stable CSS selector and use Playwright’s locator screenshot:
const { chromium } = require('playwright');
(async () => {
const browser = await chromium.launch();
const page = await browser.newPage();
await page.goto('https://example.com', { waitUntil: 'networkidle' });
await page.locator('.invoice').screenshot({ path: 'invoice.png' });
await browser.close();
})();Replace .invoice with a selector that matches the intended element. If it matches nothing, is hidden, or is covered by another element, the capture may fail or not represent what you expect. Check selector uniqueness when a page contains repeated cards or components.
Rank #3
- AN AMAZING MAC AT A SURPRISING PRICE — With an incredibly portable and durable aluminum design, up to 16 hours of battery life,* and the A18 Pro chip, MacBook Neo is ready to go wherever school takes you.
- FOUR STUNNING COLORS. ONE DURABLE DESIGN — Choose from four beautiful colors — Silver, Blush, Citrus, or Indigo — each with a color-coordinated keyboard. And MacBook Neo is made with a durable recycled aluminum enclosure that helps it reach 60 percent recycled content by weight — the most ever in any Apple product.*
- FLY THROUGH EVERYDAY ASSIGNMENTS — Whether you’re cramming for finals, using Apple Intelligence* to summarize class notes, creating presentations, or even playing the latest Apple Arcade game,* MacBook Neo delivers the performance and AI capabilities you need to get things done.
- UP TO 16 HOURS OF BATTERY LIFE — MacBook Neo delivers all day battery life, so you can power through from early morning classes to late night study sessions without worrying about plugging in.
- A VIBRANT 13-INCH DISPLAY* — The gorgeous Liquid Retina display on MacBook Neo supports 1 billion colors, so photos and videos pop and text is crisp for easy reading.
Use WebKit when Safari-like rendering matters
Playwright supports WebKit on macOS, which can help when checking WebKit rendering. It is not a promise that every installed Safari version will produce identical output; browser versions, system fonts, and page resources can differ. Launch WebKit instead of Chromium when the rendering engine is the point of the test:
const { webkit } = require('playwright');
(async () => {
const browser = await webkit.launch();
const page = await browser.newPage({ viewport: { width: 1280, height: 900 } });
await page.goto('https://example.com');
await page.screenshot({ path: 'webkit-page.png', fullPage: true });
await browser.close();
})();Try wkhtmltoimage for simple conversions
wkhtmltoimage accepts a URL or local HTML input and writes an image. The project documents examples in this form:
What’s actually slowing this PC down?
Pick the symptom - the matching free tool is one click away.
wkhtmltoimage https://example.com output.jpgFor a local file, supply the HTML file as the input and an image filename as the output. Although the project states that the tool works on macOS, treat it as a compatibility option: validate the result on the actual page, especially if it depends on modern JavaScript, CSS, or browser APIs. For contemporary interactive pages, Chrome or Playwright generally offer more current browser rendering controls.
Get reliable output: viewport, loading, and page state
Match the intended dimensions
Set the viewport before capture. Responsive layouts can change substantially at a breakpoint, and an image captured at 412 pixels wide may not resemble one captured at 1280 pixels. For consistent automation, keep the viewport fixed in the script and use the same browser engine and device scale for each run.
Wait for the content you need
A navigation event does not always mean every image or dynamic component is ready. Pages may load content after scrolling, use lazy-loaded images, or fetch data after initial rendering. If a screenshot is missing content, wait for a known selector or application-ready signal before capturing. Avoid relying on an arbitrary delay where the page can expose a more reliable readiness condition.
Rank #4
- AN AMAZING MAC AT A SURPRISING PRICE — With an incredibly portable and durable aluminum design, up to 16 hours of battery life,* and the A18 Pro chip, MacBook Neo is ready to go wherever school takes you.
- FOUR STUNNING COLORS. ONE DURABLE DESIGN — Choose from four beautiful colors — Silver, Blush, Citrus, or Indigo — each with a color-coordinated keyboard. And MacBook Neo is made with a durable recycled aluminum enclosure that helps it reach 60 percent recycled content by weight — the most ever in any Apple product.*
- FLY THROUGH EVERYDAY ASSIGNMENTS — Whether you’re cramming for finals, using Apple Intelligence* to summarize class notes, creating presentations, or even playing the latest Apple Arcade game,* MacBook Neo delivers the performance and AI capabilities you need to get things done.
- UP TO 16 HOURS OF BATTERY LIFE — MacBook Neo delivers all day battery life, so you can power through from early morning classes to late night study sessions without worrying about plugging in.
- A VIBRANT 13-INCH DISPLAY* — The gorgeous Liquid Retina display on MacBook Neo supports 1 billion colors, so photos and videos pop and text is crisp for easy reading.
Control visual changes
- Fonts: Web fonts may load late or fail because of network or cross-origin restrictions. Check whether text has fallen back to a system font.
- Lazy images: A full-page screenshot does not guarantee every lazy image has been loaded. Scroll through the page or trigger the site’s loading behavior before capture if necessary.
- Animations: A capture can land mid-transition. Disable animations in the page or wait for a stable state if repeatability matters.
- Cross-origin resources: A remote image, stylesheet, or font can fail independently of the HTML. Confirm the resource loads in the browser before diagnosing the screenshot tool.
- Consent banners and overlays: These are part of the rendered page unless dismissed or removed. They can obscure content and should be handled deliberately.
- Long pages: Full-page images can be very tall and large. Capture a viewport or element when a single enormous PNG is not useful.
Or skip the browser setup
ScreenshotNeo converts a URL to an image through one GET request. For a PNG, use:
The Tool Desk
Outbyte Driver Updater FREEFix the driver behind crashes, sound loss and screen glitchesFind Drivers →Outbyte PC Repair FREEClear out junk files and repair common Windows errorsFree Scan →curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://example.com -o shot.pngSee the ScreenshotNeo API documentation for the request options. Cookie banners, newsletter popups, and chat widgets are removed before the shot; each cleanup step can be turned off. Bot checks and CAPTCHAs, blank pages, timeouts, failed loads, and cache hits are not billed, and response headers report the page verdict and billing status. An MCP server lets AI agents use screenshot tools, and the free plan includes 1,000 screenshots a month with no card; paid plans start at $5 for 3,000. Sign up for the free plan.
Troubleshooting common failures
The output is blank or mostly white
Confirm the URL is correct and the page loads normally in a browser. A local file should use a file:// URL in Chrome Headless. If the page is JavaScript-rendered, allow its app to finish loading or wait for a page-specific element in Playwright. Check for an interstitial bot check, failed network requests, or content that requires authentication.
The PNG shows only the top of a long page
A viewport screenshot captures only the visible area. Choose DevTools’ full-size screenshot or set fullPage: true in Playwright. Chrome Headless’s simple documented command should not be assumed to capture the whole scrollable document.
Images or fonts are missing
Inspect the page’s network activity and confirm resource URLs are reachable. Allow time for loading, check whether content appears only after scrolling, and verify cross-origin resources are permitted. If it is a local HTML file, relative paths must resolve from that file’s location.
Chrome Headless says the command is unavailable
Use the installed Chrome binary’s full path or configure PATH. This error indicates the shell cannot find the executable, not that the screenshot flag is invalid.
Best Value
- SUPERCHARGED BY M5 — The 14-inch MacBook Pro with M5 brings next-generation speed and powerful on-device AI to personal, professional, and creative tasks. Featuring all-day battery life and a breathtaking Liquid Retina XDR display with up to 1600 nits peak brightness, it’s pro in every way.*
- HAPPILY EVER FASTER — Along with its faster CPU and unified memory, M5 features a more powerful GPU with a Neural Accelerator built into each core, delivering faster AI performance. So you can blaze through demanding workloads at mind-bending speeds.
- BUILT FOR APPLE INTELLIGENCE — Apple Intelligence is the personal intelligence system that helps you write, express yourself, and get things done effortlessly. With groundbreaking privacy protections, it gives you peace of mind that no one else can access your data — not even Apple.*
- ALL-DAY BATTERY LIFE — MacBook Pro delivers the same exceptional performance whether it’s running on battery or plugged in.
- APPS FLY WITH APPLE SILICON — All your favorites, including Microsoft 365 and Adobe Creative Cloud, run lightning fast in macOS.*
Playwright cannot launch a browser
Install the browser binaries required by the Playwright version in the project, and confirm Node.js dependencies installed successfully. If using WebKit, ensure the WebKit browser component is installed rather than assuming Safari itself is the Playwright executable.
The output differs between runs or machines
Keep the browser engine, viewport, device scale, fonts, and page state consistent. Disable or wait out animation, wait for relevant resources, and avoid capturing while dynamic content is still changing. Differences can still occur when the site itself changes or relies on external resources.
Performance, repeatability, and file format
For one capture, opening a browser and using DevTools is usually less setup than writing automation. For repeated captures, Playwright makes dimensions, waits, selectors, and output paths explicit, while Chrome Headless keeps the command simple. Reusing a browser in a script can avoid repeatedly starting it when capturing many pages; close pages and the browser when finished to release resources.
PNG is lossless and preserves sharp text and UI edges, but can be larger than JPEG or WebP. If the downstream system accepts another format and file size matters, choose that format there; do not rename a JPEG or WebP file to .png and expect conversion. For a faithful visual archive or further image processing, inspect the PNG dimensions and contents after each capture.
Quick Recap
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.
