Participant

Answered

Illustrator not exporting at correct pixel size...

Forum|Forum|14 years ago
October 4, 2011
12 replies
90706 views

Hi, im having trouble setting up an illustrator doc that exports at the correct size so i can work with exported elements in photoshop, using CS5 for both.

What i am trying to do is set up a wireframe illustrator doc for creating iphone 4 artwork, the iphone4 screen size is 640px x 960px (326ppi).

So, i have set illustrator to measure units (general, stroke & type) in pixels, then created an artboard 640 x 960. If i draw a shape to fill the artboard then export it, the exported image is 2892px x 4348px

Similarly, if i create an image in photoshop thats 640px x 960px, then open that image with illustrator, the artboard thats created for it is 141.35px x 212.025px

Can anyone suggest what might be causing this? and how i can correct it so that my pixel measurements match in both programs?

thanks

Richard

Correct answer Jacob Bugge

Richard,

The issue is your somehow using the resolution 326 PPI. Stop doing that.

A pixel is a relative size; the size in absolute units such as inches, millimeters, or points, depends on the resolution. You may have a 1 x 1 pixel image the size of a football field, and a 1000 x 1000 px image the size of a stamp.

In other words, when you have an image with a size in pixel x pixel, that and that alone is your image size in the file, which may then become any size on any of the possible chosen media.

You may use Save for Web & Devices for a task like this, using the Artboard or the Image Size window to set the size in px x px.

Edit: Hi Monika.

A

Agata5EC1

Participant

I am so fed up with this. Having exactly the same issue as you are, and nothing, literally nothing works. I've tried it all, I've tried chat GPT helping me step by step. still. zero. ?
the only thing that worked was me taking a screenshot of my adobe illustrator file. this has to be improved!!!

Monika Gause

Community Expert

@Agata5EC1 schrieb:

I am so fed up with this. Having exactly the same issue as you are, and nothing, literally nothing works. I've tried it all, I've tried chat GPT helping me step by step. still. zero. ?
the only thing that worked was me taking a screenshot of my adobe illustrator file. this has to be improved!!!

Chat GPT knows nothing about Illustrator.

If you have set up thedocument at the desired pixel dimensions, export at 72 ppi

Wulfhert

Participating Frequently

Just in case anybody is necroing this topic in 2022, like me...

to switch between 100% web size and 100% print size go to (Ctrl+K) PREFERENCES > GENERAL > Check / Uncheck the "Display print size at 100% zoom"

C

charlesh38558767

Participant

I have artboards set at 500x500 yet when I export I get some that are 501x500, 500x501, and 501x501. I dont think yall understand how blank this is. I have to get on some message board and waste 3 hours trying to figure this dumb blank out. How about the program export exactly what the artboard is? How blank blank are these Adobe developers?

Ton Frederiks

Community Expert

Make sure the upper left X/Y artboard coordinates do not show fractional pixels.

Double click the intersection of the ruler to reset the 0/0/ point.

L

Lauren5EAF

Participant

I had the same issue with my pixel sizes exporting larger than what the artboard said. Turns out you just need to export at 72 PPI and not 300.....

Jacob Bugge

Community Expert

Indeed, Lauren.

The Correct Pixel Size thread lives.

martinovski

Participant

So the actual solution for this is to align the artboard by using the artboard tool to the whole pixel number in X and Y coordinates. Example: If your X coordinate for the artboard is 324,5 px, you'll get an extra pixel while exporting.

jasirm63379613

Participant

sir please let me know how to export to the image and design done in illustrator to jpeg format as a4 size correctly fitted to the page

Monika Gause

Community Expert

https://forums.adobe.com/people/jasir+muhammed schrieb
sir please let me know how to export to the image and design done in illustrator to jpeg format as a4 size correctly fitted to the page

Set up your artboard as A4, design it and then use Export > Export as > JPEG. Select an appropriate resolution.

Most probably it will be better to send a PDF for printing.

B

bijoy

Participant

Hi Richard,

I have the solution.

Mail me ur id.

Thanks

Bijoy

E

eobet

Participant

This whole thread could be avoided if when you set an Illustrator document to pixels, an export option of "output pixels 1:1" would appear instead of the (soon to be obsolete) "screen 72 ppi" option.

(It also could have been avoided if people learn the difference (of worlds) between pixels, points and inches.)

E

emil emil

Inspiring

eobet wrote:
This whole thread could be avoided if when you set an Illustrator document to pixels, an export option of "output pixels 1:1" would appear instead of the (soon to be obsolete) "screen 72 ppi" option....

Please, define what do you mean by "output pixels 1:1" or just simply say what will be the new number replacing the 72 ppi.

Jacob Bugge

Community Expert

The Correct Pixel Size thread lives.

J

joshuapekera

Participant

Pretty easy fix. Seams as though everyone above hasn't got a clue....especially the idiots rampling on about the Swedes...Danes...etc..

Here is your answer. Set your canvas to 960 px tall by 600 px wide (960x600). Ok, now go to "Effect" in the menu bar. Then choose "Document Raster Effect Settings". Under "Resolution" choose "Other" and set your resolution to 326ppi. You are done.

A simple explanation for pixels and resolution can be summed up into one phrase "pixel density". A pixel is not a standard unit of measure. A device like the iPhone 4 has a pixel density of 326 ppi (pixels per inch). That is not the standard display resolution of most computers and devices which until recent years was 72 ppi. A device with 326 ppi and one with 72 ppi both with display dimensions of 900px by 600px will have one major difference. That difference is clarity due to more pixels in a square inch. Which is obviously seen when you compare an iPhone 3G to a iPhone 4.

E

emil emil

Inspiring

Hi justjoshuasp and welcome to the forum,

First, did you register to the Adobe forums just to respond to this 7 months old thread?

Second, ...

justjoshuasp wrote:
Pretty easy fix. Seams as though everyone above hasn't got a clue....especially the idiots rampling on about the Swedes...Danes...etc..
...

what did you drink before your wrote that ?

Third, what do you expect to happen when changing the "Document Raster Effect Settings". The OP didn't mention anything about using raster effects and unless such effects are used these settings will make no difference.

Forth, while your statement about higher ppi adding more clarity is correct, have in mind that this is valid mostly when comparing the same size with different pixel density, otherwise your general conclusions and logic is wrong. The major difference between different pixel densities is not clarity but the size of the pixels and thus the size of the final image - the clarity is by-product of this. In order to define clarity you have to add the viewing distance in the equation. I have created images for billboards and huge digital murals with pixel density of 10 ppi and I can assure you that all images with such sizes are created with similar pixel density. According to your logic they should be completely unclear and impossible to see comparing to images displayed on i-phones.

When creating for phones and other small displays, in order to see exact details of the final raster image with nothing less or more, the vector graphic in illustrator has to be zoomed to the same physical size on your screen that Photoshop is displaying at 100% zoom using an image with the final pixel dimensions. it is also a good idea to have the image on an additional window zoomed out to the real physical size of the phone screen to get the feel of the final physical dimensions. But because desktop monitors don't have the high pixel density of the phones, the detail will be lost when displaying the real size. Moving a little bit away from the screen to Increase the viewing distance when looking at the larger image with all details in it, can very well approximate the final experience.

Show more replies

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded