Website Screenshot JPG: Capture Any Page as a Framed, Sized, Shareable Image
A screenshot is rarely the end of the job. It goes into a portfolio, a README, a slide or a client email, and each wants a specific width, a sensible file size and something that looks finished. This website screenshot JPG tool is built around exactly that. Type an address or paste an HTML snippet, pick a viewport from full HD down to iPhone width, decide whether a dark window frame with the URL is painted on, and set the JPEG quality while the result card shows the exact pixel size and kilobytes before you download.
1. What a Website Screenshot JPG From This Tool Contains
There are two ways into this website JPG screenshot tool. Capture Live URL takes an address and returns a url to jpg capture of the page as a first-time visitor sees it. Custom HTML Sandbox takes pasted markup and returns a picture of the rendered result. Both end in the same place: a JPEG file with a download link.
The URL capture is an above the fold screenshot of a website. The preset sets the width the page is laid out at, and the preset height is where the capture is cut off. You get the first screen, the part a visitor sees before scrolling, which is what a thumbnail, slide or portfolio card usually wants.
On top, if you leave the checkbox ticked, sits a dark window frame carrying the URL. When people search for how to convert website to JPG image, this is the version that arrives ready to paste somewhere.
2. How to Take a Screenshot of a Website as JPG (Step-by-Step)
This is a website screenshot generator with no signup: no account and no email step. To turn a webpage to JPG with the tool above:
Enter the address
Keep Capture Live URL selected and paste the address. The https:// prefix is added if you leave it off; an address that cannot be parsed is flagged before anything runs.
Pick viewport, frame and quality
Choose one of the five device presets, decide whether to keep the window frame, and set JPG Image Quality anywhere from 30% to 100%. The default is 90%.
Capture and download
Press Capture JPG Screenshot. The result card shows the exact pixel dimensions and real file size in KB, a preview and a Download JPG button.
The filename is built from the address and the preset, something like docs_example_com_1366x768.jpg. If the preview is not what you wanted, change a setting and capture again. That is the whole workflow of this free website screenshot tool online.
3. Take a Screenshot of a Website on Different Screen Sizes
The five preset buttons are the only size control; each sets a width and a crop height. Width is what changes the layout: a responsive site collapses its navigation and stacks its columns depending on how wide the viewport is.
- Desktop 1080p, 1920×1080. The default, and the one to reach for when you need a website screenshot 1920x1080 JPG for a slide, a video thumbnail or a monitor mockup.
- Laptop HD, 1366×768. Closer to what many laptop users actually see.
- iPad Tablet, 768×1024. Portrait tablet width, where most sites switch to their intermediate layout.
- Mobile iPhone, 390×844. An iPhone size website screenshot at 390x844, tall enough to show the first full screen of a mobile layout.
- Custom Size, 1280×800. Despite the name, a fifth fixed preset rather than free inputs.
A note for anyone searching screenshot website mobile view online: this is a width choice. A site that adapts to width shows its mobile layout; one that detects the device instead may still serve its desktop version squeezed narrow, and there is no setting to change that.
One more thing to know: if the first attempt at a URL capture fails, a second attempt is made that does not honour the chosen preset, so the image can come back at a different size. The result card always reports the real pixel dimensions, so check it before you download.
4. How to Show Your Website in a Portfolio With a Browser Window
The usual answer to how to show my website in portfolio with browser window is a mockup generator: screenshot, open it in another app, drag into a frame template, export again. Here the frame is painted on at the moment of capture, so that step disappears.
With Add Clean Browser Window Frame ticked, a 42-pixel dark title bar is added above the capture: three traffic-light dots, a rounded address pill, and the address you entered (with https:// added if you left it off) behind a lock symbol. The result is a website screenshot with a mac-style window frame, made online. The frame text cannot be edited; untick the box for the bare capture.
That makes it a good fit for a GitHub README screenshot of a website in JPG: pick 1280×800 or 1366×768, keep the frame, set quality around 80%, and you have a hero image that reads as a product.
Two honest limits. The frame has one style, dark, with no device bezel or phone mockup. And it is only drawn in URL mode, so an HTML snippet always comes out bare.
5. JPEG Quality: How to Reduce Screenshot File Size
A JPEG, as defined by the ISO/IEC 10918 standard, trades detail for size, and the slider decides how much. It runs from 30% to 100% and the default is a website screenshot JPG at quality 90, which keeps interface text crisp at a fraction of the size of a PNG. The result card reports the real size in KB, so the answer to how to reduce screenshot file size with JPG quality is to drag the slider down, capture again and read the number.
The file is too large to attach
A website screenshot too large in file size is almost always a PNG, or a maximum-quality JPEG on a big viewport. Drop to a smaller preset if width does not matter, then lower quality toward 70% and watch the KB readout.
It looks blurry once shared
When a screenshot of a website looks blurry when shared, the chat or social app has recompressed it. Send a JPG already at the size you want, at 85% or above, so there is less to shrink.
There is no target-size option; for an exact kilobyte budget, hand the file to the JPEG compressor.
6. Paste HTML, Get a JPG: Screenshot HTML Code as an Image
Switch to Custom HTML Sandbox, paste markup with inline styles, press capture, and you get an image of the rendered result on a white background. This is the html to jpg online free path for people who have a fragment rather than a page: an email template HTML preview image to send a client, a card component for a design review, a pricing table for a slide.
It is also the plainest way to convert HTML to JPG without software such as a design suite. You paste HTML, get a JPG, rendered at double pixel density so small text and thin borders stay sharp when scaled down.
The snippet is laid out at the preset width, capped at 1280 pixels, and the height is whatever the content needs. When you screenshot HTML code as an image this way, scripts do not run and external stylesheets, fonts and images may not appear unless their host allows it, so self-contained markup with inline styles gives the most faithful result. Nothing you paste is retained.
7. What This Tool Does Not Do (and Where to Go Instead)
- Full-page scrolling capture. URL mode is cropped at the preset height. To keep the whole page as a document, use save web page as PDF.
- Pages behind a login, cookie wall or paywall. The capture shows what a public visitor sees. Sites that block automated visitors may fail with a host-restriction message; use HTML mode.
- Any format other than JPEG. For lossless output use the website PNG screenshot tool; to change format afterwards, the image converter handles it.
- Converting a screenshot you already have. There is no file input. An existing grab goes through the image converter or the image compressor if size is the problem.
- Exact dimensions, cropping or annotation. Capture at the nearest preset, then finish with the image resizer or image cropper.
- Batches, scheduled captures or an API. One address, one capture, one download.
- Private URL captures. The address you enter in URL mode is handed to an outside capture service to produce the image, so use it for public pages only. Pasted HTML is the mode to use for anything you would not want to share.
On a screenshot website JPG without watermark: Cortexis itself adds nothing to the image except the optional window frame. In HTML mode the picture is built entirely from your snippet, so it is free of any marks. URL captures are produced by an outside capture service whose output, marks and usage limits Cortexis does not control, so that is the one promise we make only for HTML mode.
8. Why Cortexis Is the Best Free Website Screenshot Tool
Free with no signup
No account and no email step. An online website screenshot JPEG free, with the download link on the page the moment the capture finishes.
Frame painted at capture time
The dark window bar with the address is part of the image the moment it is made. No mockup tool, no second export.
Five real viewports
Full HD, laptop, tablet, phone and 1280x800, each giving a different layout of the same page.
Quality slider with a live KB readout
Set JPEG quality from 30% to 100% and see the real file size before you download.
HTML snippets welcome
Paste markup and styling and get a double-density image of the rendered result, with nothing retained.
Nothing stored
Captures and pasted snippets are never stored on our servers, never retained after your session and never used for training.
It sits alongside a wider set of free image and document tools, so the JPG you capture here can be resized, compressed further or converted to another format.
9. Frequently Asked Questions (FAQ)
How do I take a website screenshot as a JPG without signing up?
Type the address into the Capture Live URL box above, pick a preset and press Capture JPG Screenshot. A website screenshot JPG appears with a Download JPG button. There is no account and no email step. URL captures rely on an outside capture service, so if one fails, wait a moment and try again or switch to HTML mode.
Can I get a screenshot of a website without opening it myself?
Yes. Enter the address and the capture comes back as an image of what a first-time public visitor would see. Pages behind a login or that block automated visitors may not capture; use HTML mode for those.
Does this capture the full page or only the top?
Only the top. The capture is cut at the preset height, so you get the first screen a visitor sees, not a long scrolling image. To keep the whole page as a document, use the save web page as PDF tool.
Why is my website screenshot such a large file, and how do I make it smaller?
Large screenshots are usually PNGs or maximum-quality JPEGs at full HD width. Pick a smaller preset if width does not matter, lower the quality slider toward 70%, and read the KB figure on the result card before you download.
Why does my screenshot look blurry after I share it?
The app you shared it through recompressed it. Send a JPG already at the size you need, at 85% quality or higher, so there is less for the receiving app to shrink.
Can I screenshot a website in mobile view online?
Choose the Mobile iPhone preset for a 390x844 capture. Sites that adapt to width show their mobile layout; a site that detects the device instead may still show its desktop version, and there is no setting to override that.
Need a different kind of capture? The website PNG screenshot tool gives you a lossless image of the same page, save web page as PDF keeps it as a document, and the image cropper trims a capture to one section. If you would rather build pages than screenshot them, our free full-stack web development course starts with HTML and CSS.