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

Recommended Posts

I need to create banners for a web site and I am following the specification which is 160 x 600 @72dpi. My understanding is this is the pixel size (160 pixels x 600 pixels) so that must mean the specification for dpi is irrelevant?

Nonetheless I attach the PNG I created using these dimensions by exporting from Designer and I'm concerned it seems blurred. Do you think this will look fine on a computer screen? Any assistance appreciated because I think I'm overthinking this.

160x600 designer.png

Link to comment
Share on other sites

I would be more concerned about the horrible kerning, or lack thereof! Look at the huge gap between the ‘A’ and ‘v’ in ‘Available’, and the ‘f’ and ‘o’ in ‘for’. (Nice looking font, apart from that.)

Alfred spacer.png
Affinity Designer/Photo/Publisher 2 for Windows • Windows 10 Home/Pro
Affinity Designer/Photo/Publisher 2 for iPad • iPadOS 17.4.1 (iPad 7th gen)

Link to comment
Share on other sites

Perhaps you need to export at  a larger size and sharpen it when resizing to the exact size.

About the font, it nice, but difficult to read and poorly kerned (?). For it to look nice and readable,  you would need to redraw each character depending of the adjacent ones...

I"'m sure you can find another one in the same spirit, but more readable. (This one make me think of the one used in the game Diablo, for the name, and using a modified Copperplate for long texts.)

Link to comment
Share on other sites

4 hours ago, Merlin said:

I need to create banners for a web site and I am following the specification which is 160 x 600 @72dpi. My understanding is this is the pixel size (160 pixels x 600 pixels) so that must mean the specification for dpi is irrelevant?

Nonetheless I attach the PNG I created using these dimensions by exporting from Designer and I'm concerned it seems blurred. Do you think this will look fine on a computer screen? Any assistance appreciated because I think I'm overthinking this.

The spec says 160 x 600 - DPI is irrelevant. 

For some reason finishing web/screen graphics in Designer is a pain. I really would expect that I could select output sharpening (screen or print) in the export persona or export dialog. But no.

What you CAN do:

  • Group all layers in the web banner and label the group Original
  • Duplicate the group and label the duplicate Export
  • Select the duplicate, right click it and select rasterize
  • Go to the pixel persona
  • Select the sharpening tool
  • Select a modest opacity in the toolbar - 20% to 50%
  • Select 'Unsharp mask' in 'Mode'
  • Sharpen what needs sharpening - selectively painting with sharpening

If you also have Photo you have more tools for sharpening and clarity - but the above should be enough.

Standard vs sharpened example (exaggerated for the demonstration) using this simple workaround in Designer:

sharp.png.9400b268814e7a6a16616adf8c8f6a20.png vs sharper.png.2357745ae4192023de5b7ec96e4b480a.png

  • "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

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.