Open Graph Image File Size Limits and Optimization
Use 1200 × 630 pixels as a practical Open Graph image starting point, then check each platform’s file-size and format requirements. Here’s how to optimize and troubleshoot previews.
Blog
Guides for capturing the web
How to take clean screenshots, turn HTML into images and PDFs, run headless browsers, and give AI agents eyes. Written by the team that builds ScreenshotNeo.
How to Convert HTML to PNG in Angular
Convert an Angular element to PNG with html2canvas, handle SSR, CORS, fonts, large canvases, and compare a hosted screenshot API.
How to Resize PNG Images in HTML
Resize PNGs in HTML with CSS, preserve proportions, crop safely, use responsive sources, and avoid layout shifts with practical code.
Open Graph Images on Facebook: Complete Implementation Guide
Add reliable Open Graph image metadata for Facebook previews, handle multiple images, and troubleshoot what the protocol does and does not guarantee.
How to Convert HTML to PNG in Rust
Render HTML to PNG in Rust with headless Chrome. Set up the browser, wait for dynamic content, capture a page or element, and troubleshoot common failures.
How to Detect Rendering Completion and Layout Changes in Puppeteer
Puppeteer navigation events do not prove a page is visually ready. Combine app signals, fonts, images, and stable element geometry for reliable captures.
How to Capture a Screenshot of a Custom Select Dropdown With Puppeteer
Learn how to open a custom select, wait for its listbox, and capture the menu reliably with Puppeteer, including portals, keyboard controls, clipping, and troubleshooting.
Open Graph Image Debugger: Find and Fix the Wrong Link Preview
Find out why a shared link shows the wrong, missing, or stale image. Inspect Open Graph tags, check image delivery, and verify the result with a platform debugger.
HTML to PNG API
Learn how an HTML-to-PNG API turns markup or a URL into image bytes, with runnable cURL, Python, and Node.js examples, settings, and troubleshooting.
How to Take a Screenshot of Your Screen
Capture your screen on Windows, Mac, iPhone, or Android, then find, edit, save, and share the screenshot.
How to Build and Use a REST API with Flask in Python
Build a practical Flask REST API with JSON routes, validation, errors, tests, and production deployment guidance.
How to Convert HTML to PNG in React
Export a React element as a PNG with html2canvas, handle images and canvas limits, and choose when a browser screenshot API fits better.
How to Convert a Screenshot to an Editable Word Document
Use OCR to turn screenshot text into an editable Word document, then clean up formatting, errors, and layout with this complete guide.
How to Read Screenshot Pixels and Draw Rectangles With Puppeteer
Capture Puppeteer screenshots, decode pixels, sample RGBA values, and draw accurate rectangles with runnable Node.js code.
How to Capture HTML as a PNG Without a Background
Capture transparent HTML screenshots with Playwright, html2canvas, shot-scraper, or ScreenshotNeo. Fix white backgrounds, CORS, scaling, and more.
How to Add Alt Text to Open Graph Images
Add `og:image:alt` beside `og:image` to describe the image in your page’s Open Graph metadata. Learn how to write it, validate it, and understand platform limits.
Windows Screenshot Shortcuts: How to Capture Your Screen
Use Windows screenshot shortcuts to capture a region, window, full screen, or video, then edit, save, and troubleshoot the result.
How to Abort Network Requests Inside an iframe With Puppeteer
Block selected requests from one iframe in Puppeteer by filtering page-level requests with request.frame(), while letting the rest of the page load.