Renda
← All guides

Why Is My Claude Design Export Blurry? Every Cause and Its Fix

6 October 2026 · 6 minute read

A Claude Design export looks blurry when the image has fewer pixels than the screen showing it, so the phone or app has to stretch it. The usual culprit is a screenshot, or a PNG exported at 1x from an artboard smaller than the platform displays. The fix: export the artboard as PNG 2x from its own menu in Claude Design, check the file is at least as wide as the platform shows (1080 pixels for an Instagram post), and upload that file, not a screenshot of it. If the file is sharp on your computer but soft once posted, the platform's resize and compression is to blame, and the fix is different.

The short version: count the pixels before blaming the design. Open the file's info (Get Info on a Mac, Properties > Details on Windows) and compare its width with what the platform shows. Too narrow: export again at 2x. Wide enough but soft after posting: upload at the platform's own width and under its file size limit.

Which cause is making your export blurry?

Match what you see to a row below. Most blurry exports are the first two rows: too few pixels from the start. The rest are things that happen to a sharp file afterwards. If your problem is not sharpness at all (a download that never arrives, arrows baked into the image), the export troubleshooting guide covers those.

What you seeLikely causeFix
Soft everywhere, even on your own screenA screenshot of the canvasExport the artboard as PNG 2x instead
Sharp on a laptop, soft on a phone or big monitorA 1x export of a small artboardExport at 2x, or set the artboard to full size
Sharp before upload, soft after postingThe platform resized and recompressed itUpload at the platform width, under its size limit
Deck slides look slightly off next to the canvasThe PowerPoint export rebuilt the designUse picture slides, or PNGs for anything visual
Fine at normal size, soft when zoomed inThe PDF pages are images with fixed pixelsView at normal size, or enlarge small text

Why does a screenshot of Claude Design come out soft?

A screenshot records your screen, not the design. Claude Design usually shows each artboard scaled down to fit the canvas, so a 1080x1350 slide might sit in a box about 540 pixels wide in the browser. The screenshot then captures that box at your display's device pixel ratio: how many physical screen pixels it uses for each pixel of layout.

ScreenDevice pixel ratioScreenshot of a slide shown 540 pixels wide
Standard desktop monitor1540 pixels wide
Windows laptop at 150% scaling1.5810 pixels wide
Retina MacBook or iMac21080 pixels wide

Only the last one reaches Instagram's 1080, and only if the slide happens to be shown at exactly 540. Everything narrower gets stretched on upload, which is where the fuzzy text comes from. Zooming in helps until the slide no longer fits on screen. Screenshots also catch the canvas around the design, so you crop by hand, and a crop one pixel off leaves a thin line along the edge. The fix is not a better screenshot but an export that renders the artboard at a fixed scale, whatever your monitor.

Should you export the PNG at 1x or 2x?

Claude Design's artboard menu offers PNG 1x and PNG 2x, and in a Claude conversation Share > Export also lists PNG (image). At 1x the file has the artboard's own pixel count; 2x doubles the width and the height. Choose 2x unless you have a reason not to.

Whether 1x is enough depends on the artboard. A 1080x1350 artboard at 1x is already the width Instagram keeps, so size alone will not blur it there. But an artboard can be smaller than it looks: one at 540x675 looks identical on the canvas, and at 1x it exports a file that Instagram stretches to twice its width. 2x fixes that, and it gives most phones and many laptops, which use two or three physical pixels per layout pixel, the detail they need for crisp type on LinkedIn, X and in slides. Anthropic does not document the exact output size, so check the downloaded file: a 1080x1350 artboard at 2x should come out at 2160x2700. If it is smaller, ask Claude Design to set the artboard to the exact size you need, then export again.

Why does my design look blurry after posting to Instagram?

Instagram keeps photos between 320 and 1080 pixels wide as uploaded, scales anything wider down to 1080, and recompresses the file (it publishes no quality figure for that step). Each resize and each compression costs a little sharpness, so the cleanest upload gives Instagram nothing to resize: exactly 1080 wide, which is 1080x1350 for 4:5 or 1080x1440 for 3:4. A 2x file at 2160 wide is also fine, because Instagram halves it, which is about as clean as a resize gets. The worst case is a file that was already resized once, such as a 1440-wide laptop screenshot, then resized and compressed again on upload.

Other platforms mostly cap the file size rather than the width, and a full-resolution PNG with a photo background can run to several megabytes. Check the limit before you upload.

PlatformWhat it does to your imageWhat to upload
Instagram feedKeeps 320 to 1080 pixels wide; wider is scaled to 1080, then recompressedExactly 1080 wide (1080x1350 or 1080x1440), or an exact 2x
LinkedIn postRecommends 1080 wide; 5 MB per photo1080 wide or more, under 5 MB
X post5 MB per imageUnder 5 MB
Bluesky2 MB per image; shows photos up to 4000 pixelsUnder 2 MB
YouTube thumbnailUp to 3840x2160; 50 MB on desktop, 2 MB in the mobile app1280x720 or larger; under 2 MB if you upload from a phone

If a PNG is over a limit, shrink it yourself rather than letting an app do it: a free tool such as Squoosh converts it to a high-quality JPEG at a file size you choose.

Why does the PowerPoint export look soft or slightly off?

The PowerPoint export is not a picture of your design. It rebuilds the HTML as PowerPoint text boxes, shapes and pictures so you can edit it. Text stays sharp because it is real text, but whatever PowerPoint cannot express is approximated: people report gradients flattening, photos coming back with a different crop, and fonts and line widths shifting. Next to the canvas, that rebuild often reads as soft or slightly wrong even when no pixel is actually blurry.

When a deck does look blurry, the cause is often a later step: saving slides as images from PowerPoint or Google Slides. Those exports use the app's own image size, which can be smaller than the 1080 or 2160 pixels you need, so check the width of anything you save from a deck. For a deck that is only presented, picture slides skip the rebuild: each slide is a full-resolution image of the design, at the cost of editable text. The PowerPoint export guide compares the routes, and why fonts go wrong covers the font swaps.

Why does the PDF look blurry when I zoom in?

A PDF page holds either real text and shapes, which stay crisp at any zoom, or a picture of the page, which has a fixed number of pixels and goes soft once you zoom past them. Try selecting a word. If you can, the text is real, and any blur is the viewer still drawing the page: many viewers show a rough version for a moment while you zoom. If you cannot select it, the page is an image.

Image pages are common in carousel PDFs and picture-slide decks. Made at 2x, a 1080x1350 page holds 2160x2700 pixels, which stays sharp at full screen on a laptop or phone; it only softens at zoom levels nobody reads at. If readers will zoom in on small print, such as a dense chart or terms and conditions, make that text bigger in the design or send a PDF with real text.

How do you get sharp PNGs of every slide at once?

The built-in PNG export handles one artboard at a time, at 1x or 2x, with no platform sizes. For a single post that is often all you need, and it is free. For a carousel, a deck, or an HTML file a client sends you, Renda renders the Claude Design HTML export or project zip in headless Chrome at 2x: a 1080x1350 design comes out at 2160x2700, one PNG per slide, named in order. The PNG you download is the render itself, never resized or recompressed, and the preview's arrows and page counters are hidden before capture, so the only resize left is the platform's own. If your carousel came out as a single tall image, start with the fix for carousels that export as one long image.

Frequently asked questions

Does a higher DPI make a PNG sharper?

No. Screens ignore the DPI number stored in an image; only the width and height in pixels matter. A 2160x2700 PNG is sharper on screen than a 1080x1350 one, whatever DPI either claims. DPI only matters for print, where it sets how many pixels go into each printed inch.

Can I fix a blurry export by upscaling it?

Not well. Upscaling invents pixels: ordinary resizing spreads the blur over a bigger file, and AI upscalers that sharpen photos tend to warp small text and thin lines. Exporting the design again at 2x is faster and keeps every letter exact.

Should I upload a PNG or a JPEG?

A PNG for anything with text, flat colour or sharp edges, because it is lossless: the platform compresses it once, instead of compressing a file that was already compressed. Switch to a high-quality JPEG only when the PNG is over the platform's file size limit.

Why does the file look soft in my file preview?

File previews and thumbnails are small, scaled copies made by your computer, not the file itself. Open the image at 100% in an image viewer before deciding it is blurry.

Sharp PNGs, straight from the HTML

Drop your Claude Design export and download every slide as a 2x PNG, rendered from the file itself rather than your screen. Five free PNGs a month, no account and no watermark.

Try Renda free