Jump to content
RoelBego

Export of .png files and use in indesign

Recommended Posts

Hé guys and girls,

 

I've been using Affinity Designer for icon design the last few weeks, such a nice tool. When I export these files to .png and use them in Sketch it's all working good. When I export them in 300 dpi (64x64) and use them in Indesign the icons are very blurry and setting the display quality to high doesn't do anything. 

 

Is there something I am doing wrong? Or do I have a preset setting wrong?

 

There is a screenshot with it, the icon in indesign at 300 dpi at 100%.

post-18862-0-14097600-1462808545_thumb.png

Share this post


Link to post
Share on other sites

Hi @RoelBego,

 

can you supply the original icon file?

 

If you designed and saved the icon file at the size of 64 x 64 px, in the print document at 300dpi you will only be able to get the size of about 0.21 x 0.21 inches. Try resizing it to this size and look at 100%, should be sharp.

 

Sketch app is made for digital design, therefore works at the display 72dpi, which allows you to show icon at full 64px size without any artifacts at 100% display view.

 

You should know what size in inches/milimeters you want to get in InDesign and then use simple maths to count the pixel size you need to export.

For example:
You want the icon to be 1 x 1 inch in InDesign. Knowing the density is 300dpi (dots per inch), you need the icon png to be 300 x 300 pixels to render nicely at 100%.

 

Hope it helped. Correct me if I didn't understand your question properly  :)

Share this post


Link to post
Share on other sites

One more picture. When you imported your 64px to 300dpi document and tried to resize to the size you had it in Sketch, you got rasterized result, because Sketch uses 72dpi (therefore consumes less pixels to draw at certain display size than 300dpi document).

 

icns_scales_1.png

Share this post


Link to post
Share on other sites

Are you sure that you used the correct Display Performance settings for your placed image in Indesign? Does changing these (either on object or document level) make a difference?  :)

post-1198-0-89443400-1462814391_thumb.jpeg

Share this post


Link to post
Share on other sites

RoelBego,

 

What you describe as blurriness is also called "jaggies," or more formally as aliasing artifacts. It occurs because rasterized (also called bitmapped) images are composed of a rectilinear grid of pixels (also sometimes called dots, although that isn't really the same thing), each of which can have only a single color/intensity value.

 

So like rdksl said, if you rasterize your vector logo to a 64 by 64 pixel size on export without any form of antialiasing, any part of a vector outline that doesn't exactly & completely fill one of those pixels will be converted into a stair-stepped, jagged line like in your screenshot. Applying antialiasing on export, like with Affinity's resample options, will eliminate the stair steps, but it can only do so by averaging the color/intensity of everything that lies within or near each pixel down to one value, which causes blurriness & loss of detail.


Affinity Photo 1.9.2, Affinity Designer 1.9.2, Affinity Publisher 1.9.2;  2020 iMac 27"; 3.8GHz i7, Radeon Pro 5700, 32GB RAM; macOS 10.15.7
Affinity Photo 
1.9.1.225 & Affinity Designer 1.9.1 (showing 1.9.7) for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 14.4 (18D52)

Share this post


Link to post
Share on other sites

Are you sure that you used the correct Display Performance settings for your placed image in Indesign? Does changing these (either on object or document level) make a difference?  :)

I have tried that option :) unfortunately it didn't do anything.

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