Jump to content
You must now use your email address to sign in [click for more info] ×

how to eliminate blurry png export?


Recommended Posts

Hi, some help from the pros please!

How would I export the attached file (saved in Affinity Publisher) into a PNG format with dimensions of 400X106px ... without having it blurry? 

The original image I tweaked is something I got off pixabay, as a vector graphic (AI format). I do also have Affinity Photo but it doesnt look good there; I think Affinity Publisher deals with vectors better than affinity photo. (I dont have Affinity Designer though). 

This is intended for Web (not print). 

I tried all the offered resample methods, but nothing looks good on export (it looks fine before that though). 

I tried exporting without the applied FX, (since I think this rasterizes), but still looks bad. 

I'm using Windows. Affinity Publisher 1.8.5.703. 

Are any other details needed to share?

Thanks for any help! 

ps...I spent hours on this today, browsing other forum posts on Affinity regarding blurry images on export, and tried several things, but nothing seems to be working out.

 

dividers-4869416 edit.afpub

Link to comment
Share on other sites

Your ornament is too complex/detailed for so few pixels.
If you want to keep more detail, and therefore a sharper drawing, then you must either enlarge the image (more pixels), or reduce the ornament and make it a cutout.

Edit: Pixel view mode,
image.png.21628bde2d58cff07977470af1a86750.png

Retina view mode (2x more pixels)
image.png.2bc0f1ff92f9fbe33eae5c65bd7fd1a7.png

Affinity Store (MSI/EXE): Affinity Suite (ADe, APh, APu) 2.4.0.2301
Dell OptiPlex 7060, i5-8500 3.00 GHz, 16 GB, Intel UHD Graphics 630, Dell P2417H 1920 x 1080, Windows 11 Pro, Version 23H2, Build 22631.3155.
Dell Latitude E5570, i5-6440HQ 2.60 GHz, 8 GB, Intel HD Graphics 530, 1920 x 1080, Windows 11 Pro, Version 23H2, Build 22631.3155.
Intel NUC5PGYH, Pentium N3700 2.40 GHz, 8 GB, Intel HD Graphics, EIZO EV2456 1920 x 1200, Windows 10 Pro, Version 21H1, Build 19043.2130.

Link to comment
Share on other sites

2 hours ago, cruzios said:

Hi, some help from the pros please!

How would I export the attached file (saved in Affinity Publisher) into a PNG format with dimensions of 400X106px ... without having it blurry? 

The original image I tweaked is something I got off pixabay, as a vector graphic (AI format). I do also have Affinity Photo but it doesnt look good there; I think Affinity Publisher deals with vectors better than affinity photo. (I dont have Affinity Designer though). 

This is intended for Web (not print). 

I tried all the offered resample methods, but nothing looks good on export (it looks fine before that though). 

I tried exporting without the applied FX, (since I think this rasterizes), but still looks bad. 

I'm using Windows. Affinity Publisher 1.8.5.703. 

Are any other details needed to share?

Thanks for any help! 

ps...I spent hours on this today, browsing other forum posts on Affinity regarding blurry images on export, and tried several things, but nothing seems to be working out.

 

dividers-4869416 edit.afpub 71.31 kB · 8 downloads

My guess is that Affinity means "Workarounds" in some language. Workarounds also equals wasting hour and hours.

This is they advice I gave someone else - but there is no cool answer, I think:

 

  • "The user interface is supposed to work for me - I am not supposed to work for the user interface."
  • Computer-, operating system- and software agnostic; I am a result oriented professional. Look for a fanboy somewhere else.
  • “When a wise man points at the moon the imbecile examines the finger.” ― Confucius
  • Not an Affinity user og forum user anymore. The software continued to disappoint and not deliver.
Link to comment
Share on other sites

6 minutes ago, cruzios said:

What does it mean to make it a cut out?

This is your complex and large ornament on the small pixel image.
image.png.973338fa33da07fc4cfc52472854f2d0.png

Crop your ornament (enlarge) to the same image.
image.png.53f9f4c9c3966ce3af4dd1dabddfb1f2.png

image.png.fe374dfca76730af47e6731ac6a21350.png

Affinity Store (MSI/EXE): Affinity Suite (ADe, APh, APu) 2.4.0.2301
Dell OptiPlex 7060, i5-8500 3.00 GHz, 16 GB, Intel UHD Graphics 630, Dell P2417H 1920 x 1080, Windows 11 Pro, Version 23H2, Build 22631.3155.
Dell Latitude E5570, i5-6440HQ 2.60 GHz, 8 GB, Intel HD Graphics 530, 1920 x 1080, Windows 11 Pro, Version 23H2, Build 22631.3155.
Intel NUC5PGYH, Pentium N3700 2.40 GHz, 8 GB, Intel HD Graphics, EIZO EV2456 1920 x 1200, Windows 10 Pro, Version 21H1, Build 19043.2130.

Link to comment
Share on other sites

55 minutes ago, Jowday said:

My guess is that Affinity means "Workarounds" in some language. Workarounds also equals wasting hour and hours.

This is they advice I gave someone else - but there is no cool answer, I think:

 

Clever, thank you kindly for your helpful input. Still working away to get a good image. Kind Regards. 

Link to comment
Share on other sites

Just now, cruzios said:

Clever, thank you kindly for your helpful input. Still working away to get a good image. Kind Regards. 

You're welcome 🙂

  • "The user interface is supposed to work for me - I am not supposed to work for the user interface."
  • Computer-, operating system- and software agnostic; I am a result oriented professional. Look for a fanboy somewhere else.
  • “When a wise man points at the moon the imbecile examines the finger.” ― Confucius
  • Not an Affinity user og forum user anymore. The software continued to disappoint and not deliver.
Link to comment
Share on other sites

1 hour ago, haakoo said:

Delete the excess nodes from the vector divider,delete the rectangles,delete the fx and recolor the divider and text parts to the blue you want.
Export>doneUntitled.png.6fe4b59a3e4ff5275944506bd21a7f84.png

Thanks! I had no clue that I could just go in and delete those excess nodes (true to newbie form). I was trying to hide the parts of the image I didnt want (crazy rectangle method with erase blend mode, so weird). 

So I cleaned up my graphic. But what Export settings do you use? 

Kind Regards, 

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.

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

Terms of Use | 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.