Jump to content

Recommended Posts

Hi, I have problem exporting a Designer Artboard as jpg or png. It doesn't matter which size, it looks alwys blurry.

Documents is 300 DPI and I have tested with bilinear, bicubic....

Even if I create/export the graphic 2x and resize it by printing, it looks blurry.

I export now everything in pdf because it's the only way to keep the same quality I have in Designer.

Do I miss something?

Thanks for any advice.

Share this post


Link to post
Share on other sites

Hi @puntorosso,

Sorry to hear you're having trouble!

Can you please confirm for me:

  • What is the physical size of your document?
  • What format were you exporting to, other than PDF?
  • What are you doing with this export? (ie opening in another app, printing, displaying on a screen etc?)

Many thanks in advance!

Share this post


Link to post
Share on other sites

Hi Dan C,

thanks for your help.

- As stated in my first message, different sizes.

- jpeg or png

- use it on websites or social medias

 

Sorry if my answers doesn't really help mush, but I have this blurry effect on almost every graphic I export. 

The only way to keep the same quality is to export as pdf.

 

Also transparent png have black backgrounds when exported from Affinity Designer.
The same graphic, exported as pdf, reimported in Photoshop and re-exported as png works fine.

 

Share this post


Link to post
Share on other sites

I've put together a rough test.

Here you can download all the files (designer and jpg/pdf exports) 

https://punto-rosso.d.pr/FUONwn

And here a screenshot of what I mean

https://punto-rosso.d.pr/7yQApl

 

The important part is that whatever I send to print, it comes out even "blurrier" as you see in this test screenshot, especially fonts and pictures.

Thanks for your help.

Share this post


Link to post
Share on other sites

I honestly have no explanation for this.

It's weirder even. If I open it in Affinity Designer, it's sharp. If I open it in Affinity Photo is ugly and pixely.
I tried rasterizing them but that didn't make any difference.

I don't understand what's going wrong here..

Share this post


Link to post
Share on other sites

Your document shows as 677 x 62 px in APhoto
The Coca cola logo has the fewest pixels of the four and displays at 23% of full size, so it can be scaled up to 100/23 = 4.34 times without losing quality, ie the document could be exported at 677 x 100 / 23 = 2943 pixels wide
The Spotify logo is 6% so 100/6 = 16.6

The attached image shows
at x4.34 everything is sharp
at x16.6 Spotify is ok but Coca Cola has pixelated

When exporting images for the web forget dpi and think in pixels, note also that you need to view an image at 100% to assess blurriness, hope that helps

testblurryAgain.png


Microsoft Windows 10 Home, Intel i7-9750H CPU @ 2.60GHz, 16 GB RAM, 500GB SSD, 1TB Whirlygig, NVIDIA GeForce RTX 2060
Affinity Photo - 24/05/20, Affinity Publisher - 06/12/20, KTM Superduke - 27/09/10

Share this post


Link to post
Share on other sites

@David in Яuislip Sorry, I don't understand what you mean.

I create a document in designer, sized 677 x 62 px, place my graphics so that looks great at zoom "Actual Size".

Export this document as pdf = looks great
Export this document as jpg = blurry

I don't get what has to do the fact that the cola logo is smaller as the spotify one.
As long the original it's bigger than the actual size used, it should look fine.

By the way, even the Spotify logo looks better as pdf than in the jpg version.

Share this post


Link to post
Share on other sites
8 minutes ago, puntorosso said:

As long the original it's bigger than the actual size used, it should look fine.

That's correct but without seeing your export settings I cannot comment further. What width/ height is the jpeg and how are you viewing it?


Microsoft Windows 10 Home, Intel i7-9750H CPU @ 2.60GHz, 16 GB RAM, 500GB SSD, 1TB Whirlygig, NVIDIA GeForce RTX 2060
Affinity Photo - 24/05/20, Affinity Publisher - 06/12/20, KTM Superduke - 27/09/10

Share this post


Link to post
Share on other sites

@Dan CThanks! That really helped.

So I have to rasterize every single added graphic, before I resize them?
I have also the feeling that text fields looks better when using your hint.

But should Affinity Designer take care automatically of the rasterizing process?

 

@David in ЯuislipI have tested with different export settings, but didn't help.

The width/height of the exported jpg is the same as the Designer document.

I view them in Preview (MacOS).

 

Share this post


Link to post
Share on other sites

No problem at all :)

12 hours ago, puntorosso said:

So I have to rasterize every single added graphic, before I resize them?

Not necessarily, however this layer was Placed into the document and we do recommend rasterising before drastically changing the size of a placed layer to ensure the preview on screen is the most 'true' to export. 

I hope this clears things up!

Share this post


Link to post
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.

Guest
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.

Loading...

×
×
  • Create New...

Important Information

Please note the Annual Company Closure section in the Terms of Use. 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.