Mobile app version of vmapp.org
Login or Join
Jamie315

: How to scale artwork and content from mm to pixels i'm making a template of a ticket of 80mm for a web app in Illustrator CC 2017, but now realize that when i go to export>save for web,

@Jamie315

Posted in: #AdobeIllustrator #Css #Html #Mockup

i'm making a template of a ticket of 80mm for a web app in Illustrator CC 2017, but now realize that when i go to export>save for web, the size of the artwork and content change to pixels, but not transform 80mm to the actual size in pixels instead the program just changed 80mm to 227px which is the same size on the inside ruler of illustrator.

Why is this happening can someone help?

How can i scale the artwork and his content from milimeters to the real size in pixels for print from web.

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Jamie315

1 Comments

Sorted by latest first Latest Oldest Best

 

@Lengel450

I'm not sure what your question is..

80mm = 227px at 72 Pixel/Inch (the resolution at which Illustrator's Save for Web, saves) so I'm not sure where the problem is.

From Adobe Help Center:

"When you save artwork in a bitmap format, such as JPEG, GIF, or PNG, Illustrator rasterizes the artwork at 72 pixels per inch."


If you wish to save directly from AI at a different resolution, use
Export instead of Save for Web, It allows you to choose between 72ppi, 150ppi, 300ppi or Other (this will allow you to add
your own):






UPDATE:

You mentioned in the comments but "really 80mm are 302.362204728px" and that is right and wrong at the same time. I have mentioned in my answer that save for web saves at a resolution of 72 Pixel/Inch. That means 80mm will have a value of 227px when exported.



Your resulted value comes from a 96 Pixel/Inch resolution that translates to roughly 302px.



You can open your exported image in Photoshop, go to Image>Image Size and you will see the resolution of your AI exported image has a resolution of 72.



Check out this calculator:
www.pixelcalculator.com/?round=&FORM=1&DP=1&FA=&lang=en&mm1=80&mm2=&dpi1=72&sub1=+calculate+#a1

It will help you understand better.



Also, for more on the topic, check out this answer form @joojaa :
graphicdesign.stackexchange.com/a/100684/48529

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme