Turn static markup into an exact-size visual
Paste the HTML that contains the visible content and the CSS that styles it. Choose a canvas width from 320 to 1600 pixels and a height from 200 to 4000 pixels, then select the background color. Update preview applies those choices without exporting immediately, which gives you a chance to inspect line breaks, spacing, clipping, color, and the full canvas. When the preview is correct, create a PNG for crisp graphics or a JPEG for a smaller photographic-style image.
PNG keeps sharp edges and is usually the safer choice for cards, interface components, quotes, diagrams, and text-heavy designs. JPEG flattens the chosen background and offers a quality control from 40 to 100 percent. The output is exactly the selected pixel size at a one-to-one scale, so a 960 by 540 canvas produces a 960 by 540 image rather than silently multiplying it by the screen pixel ratio. Reset example restores a complete starting design when you want to compare your markup with a known result.
Design static content that survives image export
Treat the preview as a still composition, not a miniature website. Put the important text and artwork inside the chosen canvas, avoid content that depends on scrolling, and use common system fonts when consistent rendering matters. Flexbox, grid, spacing, borders, backgrounds, tables, headings, lists, and small static PNG or JPEG data images can form useful social cards, component snapshots, email mockups, visual notes, and design handoffs. Check the smallest text at the final display size rather than only while the editor is enlarged.
Animation and transition rules are rejected so two exports do not capture different moments; remove those rules and update the preview again. Forms, buttons, embedded pages, audio, video, Canvas, SVG, scripts, and interactive states are removed rather than pretending to work in a still image. External images, stylesheets, fonts, and CSS imports are blocked; use text, CSS shapes, ordinary layout, and small static PNG or JPEG data images already contained in the pasted HTML. If you need a picture of a live public website, use a trusted screenshot workflow that can disclose network access and handle permissions, authentication, timeouts, and blocked pages honestly.
Local code handling, limits, and expected differences
Pasted HTML and CSS stay in this browser tab and are not sent to NexaCurrent. The preview runs with scripts disabled and no permission to load remote resources. Links cannot navigate, forms cannot submit, and pasted code cannot inherit account cookies or a signed-in browsing session. The exporter copies the controlled visible DOM into an image and then releases a temporary result when it is replaced, cleared, reset, or the page closes.
HTML is limited to 100,000 characters, CSS to 50,000, and the canvas to 6 megapixels. Embedded data images are limited to 6 megapixels and 8,192 pixels per side; unsafe, incomplete, or undecodable images are removed. External resources and executable CSS produce readable errors. Text shaping, emoji, system fonts, line breaks, and foreign-object support can vary by browser, so check the download where it matters. The tool does not capture URLs, bypass logins, reproduce private content, preserve raster accessibility semantics, or determine publication rights.