Convert HTML to Image

Convert webpages to JPG or SVG while preserving the original visual appearance.

自动滚动截取完整页面 - 使用服务端浏览器渲染

使用真实 Chrome 浏览器渲染，完整支持现代 CSS 样式（如 Tailwind v4）

URL

Output Format

缩放比例

Where a live capture beats a mockup or a manual screenshot

A missing or outdated Open Graph image is the clearest case: if a CMS never generated a proper social preview for a page, running the live URL through this tool produces an accurate thumbnail without opening browser dev tools or installing a screenshot extension. Marketing and legal teams reach for the same capability before a landing page gets edited, since a dated JPG proves what a page actually said and looked like, in a way a bare link doesn't once the copy changes underneath it. During design handoff, a flat image of the live homepage — with real data, real ad placements, real cookie banners, whatever is actually in production — tells a developer more about spacing and color than a Figma mock drawn before any of that existed. For teams proposing a redesign, pairing the current live capture with the new mockup side by side makes the improvement legible in a way that describing it in a ticket never quite manages. It's also a fast way to keep an eye on a competitor's or partner's page without building a monitoring pipeline — capture it now, capture it again in a month, and compare the two images instead of trying to remember what changed. When a bug report needs to show exactly how a page rendered at a particular moment, a broken layout or a stuck loading state, attaching the URL alone won't reproduce that moment once the issue is fixed, but a snapshot taken while it was happening will.

No screenshot tool or browser extension needed

Captures the page exactly as rendered, fonts and layout included

JPG for sharing and embedding, SVG for scalable placement

Preserves how a page looked before it changes or disappears

Capturing a page

Point the tool at the exact page you want captured — the process runs against a specific URL, not a file you upload or code you write, so the address needs to be the real, publicly reachable location of the page. Pick a format up front, since JPG and SVG produce meaningfully different files rather than just different extensions of the same image. The capture itself happens server-side: once you start it, the tool loads the page in a live rendering environment and the Capturing... indicator stays up while it waits for the layout, fonts, and visible images to settle before taking the shot. The output downloads as a single file in the format you picked, ready to attach, upload, or drop into a design file without any further conversion.

Paste the page's full address, including https://, into the URL field.

Choose Output Format — JPG for a standard shareable image, SVG for a scalable wrapper.

Start the capture and wait through the Capturing... stage while the page loads and its layout settles.

Download the finished snapshot once rendering completes.

Frequently Asked Questions

The most common cause is a page that needs you to be logged in — the renderer visits the URL without your session, cookies, or credentials, so anything behind sign-in shows a login screen instead of the content you wanted. The next most common cause is a site that deliberately blocks being embedded or automated, using response headers like X-Frame-Options or a strict Content-Security-Policy, or bot detection that specifically flags headless browsers; those pages return an error or a stripped-down fallback rather than the real layout. Paywalled articles behave the same way once the paywall script kicks in. Opening the URL yourself in an incognito window is a quick way to check whether a logged-out visitor would see the same thing.

This tool's SVG is a wrapped snapshot of the rendered page — the pixels you'd see on screen, packaged in an SVG container so it scales cleanly without pulling in extra fonts or assets. It is not the same as running a photo through Image to SVG, which traces a raster image into actual vector paths and shapes you can select, recolor, and edit node by node in a program like Illustrator. If you need editable vector artwork, this tool won't get you there for a webpage; it's built for getting an accurate visual copy of a page, not for converting an image into vector graphics.

Output Format only offers JPG and SVG — there's no PNG or PDF option for this particular tool. JPG is the better default for anything you'll paste into a chat, doc, or social post; SVG makes more sense when the file needs to sit inside a design tool or be placed at different sizes without a quality drop. If you specifically need a PNG or PDF, you'd convert the JPG afterward with a separate tool.

Unlike the crop, filter, and resize tools on this site that run entirely client-side, HTML to Image has to send the URL to a server, because capturing a real webpage means loading it in an actual rendering environment — something a browser tab can't do to another site due to cross-origin restrictions. Only the URL you enter is sent; the tool doesn't ask for or use any login credentials, so it can't pull anything you'd normally need to sign in for. If keeping everything local matters for a particular file, that's a reason to reach for the site's client-side image-editing tools instead.

No. The renderer loads the URL as an anonymous, logged-out visitor, so anything gated by a sign-in form, a subscription paywall, or a cookie-based session shows whatever that page displays to the public — usually a login prompt, a paywall banner, or a truncated preview, not the content behind it. There's no way to pass credentials into the URL field to get around this.

It captures the page as rendered at a standard desktop viewport width, and the resulting image follows the page's full scrollable height rather than stopping at the fold, so a long landing page produces a correspondingly tall JPG or SVG. What it doesn't do is simulate scrolling to trigger sections that load only once a visitor scrolls down to them, so content designed to appear that way can be missing even though the file itself spans the page top to bottom.

The capture is a single frozen moment after the initial page load settles, so a carousel or slideshow shows whichever slide happens to be active at that instant, not all of them. Content that only appears after a scroll trigger, a click, or a delayed script may or may not have finished loading in time, and CSS transitions or animations get captured mid-motion or not at all depending on timing. For pages that rely heavily on interaction to show their real content, a manual screenshot taken after interacting with the page will be more reliable than this tool.

Treat it as a visual record, not a certified archive — the output is an image file with no embedded timestamp, no page metadata, and no capture of the underlying HTML or links, nothing that proves when or from where it was taken beyond whatever your own file system logs. For informal purposes, like noting what a page looked like before a redesign or keeping a copy of a listing that might get taken down, it's genuinely useful. For anything where provenance needs to hold up, such as a dispute or a compliance record, a dedicated web archiving service that timestamps and hashes the capture is the appropriate tool instead.

More Image Tools

Explore other powerful tools for your image editing needs

Where a live capture beats a mockup or a manual screenshot

Capturing a page

Frequently Asked Questions

More Image Tools

Compress Image

Resize Image

Crop Image

Convert Format

Photo Editor

Rotate Image

Flip Image

Add Watermark

Add Border

Rounded Corners

Filters

Blur Face

Mosaic

Remove Background

Enhance Image

Add Text

Collage

GIF to Image

Trim Image

Batch Rename Images

Circle Crop

Black & White

Split Image

Merge Images

Change DPI

Image to Base64

Image to PDF

HEIC to JPG

EXIF Remover

Favicon Generator

Color Palette

Base64 to Image

HEIC to PNG

Text Behind Image

Color Picker

Signature Maker

Signature Background Remover

Transparent Background Maker

Meme Generator

Image Upscaler

PDF to JPG

PDF to PNG

Passport Photo Maker