Highlighted

Exporting PNG from Illustrator with 96 DPI results in increased dimensions.

New Here ,
May 15, 2020

Copy link to clipboard

Copied

 

Hello, I should export png tables of 32x32px at 96 dpi but when I export and check the dimensions, they are 44x44px .... how is it possible? Thanks

 

{Renamed by MOD}

Hi there,

 

Thanks for reaching out. That's an expected behavior when you export images with 96 DPI. For exact dimensions, please use 72 DPI.
This has been explained in detail on this similar discussion (https://community.adobe.com/t5/illustrator/export-png-300-ppi-pixel-increase-which-times/m-p/10210774?page=1).
Let us know if this helps or if you have any further questions.

 

Regards,

Srishti

TOPICS
How to, Import and export

Views

1.0K

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Exporting PNG from Illustrator with 96 DPI results in increased dimensions.

New Here ,
May 15, 2020

Copy link to clipboard

Copied

 

Hello, I should export png tables of 32x32px at 96 dpi but when I export and check the dimensions, they are 44x44px .... how is it possible? Thanks

 

{Renamed by MOD}

Hi there,

 

Thanks for reaching out. That's an expected behavior when you export images with 96 DPI. For exact dimensions, please use 72 DPI.
This has been explained in detail on this similar discussion (https://community.adobe.com/t5/illustrator/export-png-300-ppi-pixel-increase-which-times/m-p/10210774?page=1).
Let us know if this helps or if you have any further questions.

 

Regards,

Srishti

TOPICS
How to, Import and export

Views

1.0K

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
May 15, 2020 0
Adobe Employee ,
May 15, 2020

Copy link to clipboard

Copied

Hi there,

 

Thanks for reaching out. That's an expected behavior when you export images with 96 DPI. For exact dimensions, please use 72 DPI.
This has been explained in detail on this similar discussion (https://community.adobe.com/t5/illustrator/export-png-300-ppi-pixel-increase-which-times/m-p/1021077...).
Let us know if this helps or if you have any further questions.

 

Regards,

Srishti

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
May 15, 2020 0
New Here ,
May 18, 2020

Copy link to clipboard

Copied

I have to export to 96 dpi. unfortunately the exported images are not defined. I do not know how to do.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
May 18, 2020 0
Adobe Community Professional ,
May 18, 2020

Copy link to clipboard

Copied

Save your images 32x32px at 72 ppi.

Open them in Photoshop an use: Image > Image Size to change the Resolution to 96 pixels/inch.

Make sure Resample is unchecked

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
May 18, 2020 0
New Here ,
May 18, 2020

Copy link to clipboard

Copied

Thank you for the answer but the problem is the images definition.

On the left you can see an icon good and on the right my exportation.

Why can't I get an image with clean lines?

Schermata 2020-05-18 alle 13.28.35.png

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
May 18, 2020 0
Adobe Community Professional ,
May 18, 2020

Copy link to clipboard

Copied

Do you check your images with View > Pixel Preview?

Do you use View > Snap to Pixel?

What were your settings to get the good icon?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
May 18, 2020 0
New Here ,
May 18, 2020

Copy link to clipboard

Copied

The good icon was created with Photoshop.

The exportation by Illustrator to raster (png) is not clean. Is it normal?

 

 

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
May 18, 2020 0
Adobe Community Professional ,
May 18, 2020

Copy link to clipboard

Copied

In Illustrtator:

Do you check your images with View > Pixel Preview at 100% (or 200%)?

Do you use View > Snap to Pixel to align your lines to the pixelgrid??

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
May 18, 2020 0
New Here ,
May 18, 2020

Copy link to clipboard

Copied

I tried with your indications and I seen the icons like my png (no clear). I discovered the problem are the tracks in Illustrator. I see the tracks non good, but the shapes are perfect.

I'm building icons with Photoshop, now because I do not find other solutions.   😞

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
May 18, 2020 0
Adobe Community Professional ,
May 18, 2020

Copy link to clipboard

Copied

I don't understand what you mean by tracks, but have a look here for pixel perfect art:

https://helpx.adobe.com/illustrator/how-to/pixel-perfect.html

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
May 18, 2020 0
Adobe Community Professional ,
May 18, 2020

Copy link to clipboard

Copied

Alternatively:

 

32 px at 96 PPI is 0.3333* inches. Make an 0.333x0.333 in artboard, export that at 96 PPI.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
May 18, 2020 0
Resources