Export to Jpeg all resamples are fuzzy

[Andy O]

Hi, 

I'm quite new to Affinity Photo.

I created a 1500 x 500 header for my Twitter bio. I'm no graphic designer so it's a placeholder.

It doesn't matter what I choose as 'resample', the image comes out "fuzzy/pixelated" in certain parts. I'd Google this, but I don't know the precise term for what I'm seeing exactly.

Method:

1) I downloaded some .eps vectors

2) Changed the colours and created my final image with them in a new image. 

3) Exported as .jpg .png. Tested both. Both are fuzzy.

I haven't rasterized the vectors within my image but I understand that they're rasterized once I export them.

Attached is the image. 

You can see around the text, the rocket and the small circles, it appears to be "fuzzy". The colours are also quite dull too.

I'd really appreciate some advice/pointers.

I've also forced pixel alignment in the view menu. I read somewhere that I needed to do that with vectors.

Thanks,

Andy

[John Rostron]

Was this image a .jpg or a .png? If it was .jpg, then what were the settings, especially quality. It looks to me like a .jpg with insufficient quality (judging by the fuzzy haloes around the edges). In theory png-8 should do what you want.

John

[Andy O]

Hi John,

Here is the image posted as a .png-8 as suggested.

It renders it perfectly here. It must be something to do with Twitter's compression when you upload. 

Is there any way I can work around this before I upload?

Thanks

Edited May 12, 2020 by Andy O

[John Rostron]

I'm afraid I don't know anything about social media and their requirements. But what was the compression applied to your original  .jpg file?

John

[Andy O]

Hi John,

I'm not sure of the compression applied - I saved it in the highest quality possible at the export stage in Affinity Photo. The problem seems to come from the compression on the Twitter platform. Saving the image as a png-8 seems to have solved the problem.

Thanks