Tangkapan Layar Situs Web

Capture any web page exactly as a real browser renders it - full page, any screen size, PNG/JPG/WebP/SVG

100% gratis. Alat ini memerlukan server kami untuk melakukan pekerjaannya, jadi apa yang Anda kirim diproses di sana lalu dibuang - tidak pernah disimpan.

language

Loaded in a real Chromium browser, so the page runs its own JavaScript, media queries and web fonts. Pages behind a login show the signed-out view.

of captures left today.

Jump to the next useful tool without leaving your flow.

See more

Tentang alat ini

Turn any live web page into an image. The capture runs in a real headless Chromium browser on our server, so the result matches what a visitor actually sees: the page runs its own JavaScript, its own media queries decide the layout, web fonts load and swap in before the shutter fires, and flexbox, grid, gradients and CSS effects all render exactly as the browser paints them. Choose a screen size from mobile through to desktop HD, capture the visible area or the full scrolling page, strip cookie banners and ads, and download PNG, JPG, WebP or SVG. To render your own markup instead of a live site, use HTML to Image.

Alur kerja

Audit halaman sebelum Anda mempublikasikannya

  1. 1Kikis halamanAmbil heading, tautan, gambar, dan metadatanya.Buka
  2. 2Periksa meta tagJudul dan deskripsi seperti yang dibaca mesin pencari.Buka
  3. 3Pratinjau kartu bagikanLihat tampilannya saat diposting ke media sosial.Buka
  4. 4Ambil tangkapan layarSimpan tangkapan halaman yang sudah jadi untuk arsip Anda.Anda di sini

Cara menggunakan alat ini

  1. Paste the addressEnter any public http:// or https:// page. The browser arrives as an anonymous first-time visitor, so what you get is the page a new reader would see.
  2. Pick a screen size and optionsSelect a viewport from Mobile 390px up to Desktop HD 1920px - the page lays itself out at that width. Turn on Full page to scroll to the bottom first, Retina 2x for double density, and block ads or overlay popups for a clean frame.
  3. Download the imageCapture, then save as PNG for the sharpest text, JPG or WebP for a smaller file, or SVG when a workflow needs one. Copy puts the screenshot straight on your clipboard.

Mengapa menggunakannya

  • A real browser engine, not an HTML parser - what you get is what a visitor sees, including web fonts and CSS grid.
  • Full page capture scrolls the page first, so lazy-loaded images are actually present instead of blank placeholders.
  • Real viewport sizes trigger the responsive breakpoints a site defines, so a mobile capture is the mobile layout - not a shrunken desktop one.
  • Ad, tracker and cookie-banner removal for a clean frame without editing afterwards.
  • Retina 2x output for slide decks, documentation and print where a 1x screenshot looks soft.
  • Paste HTML and CSS to preview an email template, invoice or social card without deploying anything.

Penggunaan umum

  • Making an Open Graph or social preview card at 1200 x 630 from a page or from your own HTML.
  • Archiving a receipt, booking confirmation or terms page exactly as it appeared on the day.
  • Capturing the same page at mobile, tablet and desktop widths for a responsive design review.
  • Rendering an HTML email template to an image for a client to approve.
  • Adding real product screenshots to documentation, decks and app store listings.
  • Evidence for a bug report or a design QA ticket, with the popups stripped out.

Tips untuk hasil lebih baik

  • Full page plus Retina 2x on a long article creates a very large image - turn Retina off unless you need print density.
  • If a site looks half-loaded, capture it again: slow pages sometimes finish after the first attempt warms their cache.
  • Use the Social card preset when you want an exact 1200 x 630 frame rather than cropping afterwards.
  • PNG keeps text crisp; JPG and WebP are far smaller for photo-heavy pages.
  • In Paste code mode you can leave out <html> and <body> - a bare fragment is wrapped for you.
  • Remove overlay popups also unlocks scrolling, which fixes full-page captures on sites with a modal open.

Kesalahan yang harus dihindari

  • Expecting a screenshot of a page that requires a login - the browser arrives signed out, exactly like a first-time visitor.
  • Assuming SVG output is a vector of the page. Nothing can turn rendered pixels back into shapes; the SVG carries the image inside it so it scales in SVG-only workflows.
  • Capturing a page behind a paywall or bot protection and reading the challenge screen as a bug.
  • Relying on relative paths like <img src="logo.png"> in pasted HTML - there is no base URL, so use a full https:// address or a data URI.
  • Turning on ad blocking for a page whose layout depends on those slots, then wondering why the spacing changed.

Pertanyaan yang sering diajukan

Paste the address, leave Full page switched on, and capture. The browser scrolls to the bottom first so lazy-loaded images and animations are present, then takes one continuous image of the whole scrolling page rather than just the visible area.

Yes. Switch to Paste code and write your markup, with CSS in the second box - it is injected as a style tag. You can also upload an .html file. Both are rendered by the same browser as a live URL, so the result is identical to what a deployed page would look like.

It is rendered by headless Chromium at the viewport size you choose, so the page runs its own JavaScript, applies its own media queries and loads its own web fonts. We wait for fonts to finish loading before capturing, which is the usual cause of screenshots that come back in the wrong typeface.

PNG for lossless, sharpest text; JPG and WebP for much smaller files on photo-heavy pages; and SVG, which embeds the captured image inside an SVG wrapper for tools that only accept SVG. PNG is the best default for anything containing text.

Yes. Choosing Mobile 390 x 844 sets a real 390px viewport, so the site serves its mobile layout through its own CSS breakpoints. That is different from shrinking a desktop screenshot, which just makes everything smaller.

Turn on Remove overlay popups. It strips consent bars, newsletter modals and large sticky panels after the page loads, and unlocks page scrolling so a full-page capture still works. Ordinary navigation bars are left alone.

Each capture starts a real browser on our server, which is far heavier than a tool that runs in your own tab, so there is a small daily allowance per visitor. The page shows how many you have left, and a capture that fails does not count against it.

No. The browser visits as an anonymous first-time visitor with no cookies or session, so anything behind a login shows the signed-out page. For private pages, use the Paste code mode with the HTML you already have, or the browser-based Screenshot Studio tool.

Related guides