Jump to content
Our response time is longer than usual currently. We're working to answer users as quickly as possible and thank you for your continued patience.

Pixelated Export

Recommended Posts

Hey everyone,

I'm having an issue when exporting JPGs or PNGs where my image is pixelated. Coming from Adobe illustrator, I can see I never had this issue so I'm stumped. I saw this topic has been posted a few times before but I didn't really find an answer.

I was hoping someone might be able to help me out.

My file resolution is 72 since I'm exporting for web. The image I'm exporting is either the same as the original size or smaller, regardless I end up with a blurry image. I did try exporting and adding @2x at the end of the file name for retina displays and that seemed to solve the pixelation, but obviously that would only work on retina displays.

For export settings, I'm using the default JPG parameters for best quality with bilinear resampling. 

I've attached my design file as well as 3 different jpg exports. 250px wide, 500px wide (original size), and 1000px wide. I'm setting these values on the export screen. I thought it was interesting because the larger the image size, the less pixelated things become. I even increased my document canvas size to 1080px by 1080px keeping the logo at the original size and when I export the jpg for this, everything looks great. I should also add, I'm using Preview on my mac to view these, but also open them in chrome.

Thanks in advance, like I said, I'm really not sure what's going on here.






Link to comment
Share on other sites

This may not be the problem.  I am getting a hypnotic effect where I am seeing what I want to see blurring vs not blurring, I can't tell the difference between the exports I did now.  LOL

Well, that is my only idea.  I don't see anything that should cause this.

I am using Affinity Designer v2.

1080P Monitor.

Link to comment
Share on other sites

Can you provide an export to jpeg from InDesign using the same pixel dimensions?

for me the results look exactly as what i would expect for a raster format export. 

you can tweak the blend range / antialiasing settings to get sharper looking edges.

the logo uses quite mooted colors like 34% grey for the dark lines. 

The pixel view mode in Designer gives a good preview, almost identical to the exported results.

We had lengthy discussion threads about pixel export from vector documents, anti-aliasing seems to be a highly personal / emotional topic. I‘m unable to spot anything unusual. We could compare the results from InDesign and Designer, and may spot minor color differences on anti-aliases pixels. 

Mac mini M1 A2348

LG34WK950U-W, calibrated to DCI-P3 with LG Calibration Studio / Spider 5

iPad Air Gen 5 (2022) A2589

Special interest into procedural texture filter, edit alpha channel, RGB/16 and RGB/32 color formats, stacking, finding root causes for misbehaving files, finding creative solutions for unsolvable tasks, finding bugs in Apps.


Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Create New...

Important Information

Please note there is currently a delay in replying to some post. See pinned thread in the Questions forum. These are the Terms of Use you will be asked to agree to if you join the forum. | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.