Pixels and document size differences in Illustrator compared to Photoshop

Why is the pixel ratio of a project in illustrator different than that of the same pixel ratio of a project in Photoshop? Example: A project can in Illustrator can have an artboard of 950px X 950px and be 12in and in Photoshop that same pixel ratio will be 4 3/4in.

The rulers in Illustrator are always with fixed ratio of 1 inch = 72 pixels (72 ppi), you can check this by right clicking on the ruler and choosing inches or pixels and you will see that 950 px will be 13.9 inches and not 12 inches as you stated.
The ratio of the rulers in Photoshop depends on the ppi resolution of the image set by the user in the Image Size dialog box. If choose Image > Image size, and set the Resolution to 72 pixels/inch (ppi) then the ratio of the rulers in Photoshop will match Illustrator. If you set it to something else they will not, in your case with an image with sides of 4.75 inches in Photoshop the Resolution will be 200 ppi in order to contain 950 pixels per side.
When you save an image from Photoshop that contains metadata it has information about the size of the document in inches and pixels. Illustrator will place such images with the size of the inches not the pixels as indicated on the Illustrator rulers, internally however the image will contain all the pixels as indicated next to the PPI on the Control bar under the main menu when image is selected. These internal (actual) image pixels will be used when printing and when zooming on screen to render the image. Also if you copy from Photoshop and paste in Illustrator, it also will paste with the size of the inches and not the pixels (at least this is how it works with CS5 on Windows)
If the placed image is without metadata Illustrator will always place it assuming 72 px = 1 inch (72 ppi). You can check that if in Photoshop save an image using Save for Web and Devices and choose None for Metadata.

Similar Messages

How to find out the Pixel Dimensions and Document Size of placed images?

Is it possible to find out the placed image details like Pixel Dimensions(Width,Height) Document Size(Width,Height) in illustrator through scripting. Kindly advice me with some examples.

http://www.adobeforums.com/webx/.3bbaa316.59b84fd8
I hope the snippet therein will get you started.
But after all, when you place an image via pi=layer.placedItems.add() it should pop in with its default dimensions, so that you have pi.height and pi.width ready.
Is this what you are aiming at?

Changing Resolution and Document size

Hello - I have a jpeg from a digital camera that I Saved As photo.psd with an original Document Size of 44" x 66" @ 72 ppi resolution.
I am using CS3 and I want to prepare the photo for printing while maintaining the highest quality possible. The first thing I did was uncheck Resample Image. Then I changed the resolution to 300. This gave me a Document Size of 10.56 x 15.84.
I want to enlarge the Document Size to 16" x 24" (the same proportions). So, it seems to me that the next step is to now check Resample Image and put in my new Document Size of 16" x 24". I would then apply some Unsharp Mask as desired.
So, should Ifollow the steps above or do you recommend a different workflow?
I've read that Photoshop will upres very well up to 200% and all I need is 166%, so it should work ok. Also, do you recommend standard Bicubic or Bicubic Smoother?
TIA

What you're suggesting will work, though you don't really need to do it in multiple steps. One step, with resampling checked, once you set all the fields as you want, will do the trick.
And for all the hype and mystery surrounding the two alternate choices for resampling, in all my work for minor resampling I always find I prefer Photoshop's original Bicubic method. For extreme upsampling I prefer, personally, a plug-in called Genuine Fractals.
Also, modern print drivers are getting very good at size matching... If the image quality in your file is to your liking, you COULD just set the print size in inches (without resampling) and be done with it. This would yield an image at a resolution lower than 300 pixels/inch, but would save you some work, and it may very well be that you will not be able to see any difference by letting the driver do the resampling as needed.
-Noel

Pixel dimensions & document size

Why do the pixel dimensions change the document size when the "resample image
" box is selected? I want the pixel size to be 2400 x 3000 and the image size to be 8 x 10in.
Any ideas why I can't change the pixel dimensions without the system changing my document size to something other than the 8x10 that I want? Thanks!

Why do the pixel dimensions change the document size when the "resample image
" box is selected?
Because that's exactly what "resample image" means.
I want the pixel size to be 2400 x 3000 and the image size to be 8 x 10in.Any ideas why I can't change the pixel dimensions without the system changing my document size to something other than the 8x10 that I want?
Probably because your document is not 8x10 aspect ratio to begin with. If the photo is not 8x10 aspect ratio, then resize will not get you there (unless you want to distort your photo). You must first crop your image to 8x10 aspect ratio, and then if necessary resize.

Specify exact pixel and file size

Hello,
I have recently purchased Photoshop Elements 4.0 for Windows for a company project. I need to compile a number of outdoor photographs to be uploaded to a specific website. The photo specifications required by the website are that all photos must in JPG format, be 350 pixels across and no more than 40kbs in file size. I've been experimenting with photoshop to try and achieve this effect, but am wondering if there is a simple way to accomplish this. I have been able to adjust horizontal pixel number, which automatically adjusts vertical pixel number and photo size. When I save photos, I am able to adjust what I assume is the resolution of the photo. If there is not too much color contrast in the photo, I can sometimes reduce the file size to 40kbs by taking it as low as it will go, but not always. I was just wondering if there is a simple way to make sure that a photo will be saved with a specific pixel number and no more than a certain file size (40kbs). I would greatly appreciate any suggestions.
Brandon

You can also set the pixel dimensions in S4W and save a step. Just enter the size you want in the box about halfway down the right panel, and then click Apply. Then you can optimize the file size by clicking the right-facing arrow at the upper right of the panel and choosing Optimize to file size. You can specify the exact size you want. Just watch the preview to be sure the quality is good enough at the target size.

Maintain pixels and change size

I need help trying to make web ready images in Photoshop.I can resample and maintain the pixels, but as soon as I change the dpi from 300 to 72, the size changes. How can I maintain the pixels and change the physical size? Any help would be appreciated.

Thank you so much for responding so quickly.
The customer in question requires the images to be used for the web and that
they have to be at least 1000 pixels wide. Is this not rather large for a
web image?
colours2

Relation between the Height in Pixels and Font Size?

Hi All,
I wanted to find the relation between the Font Size and the Pixels that it will occupy. What i want to do is i have an Icon and a Label. The icon size i need to resize to the Half the height of the Label. But the font Size does not reflect the height in Pixels. Please can you help me find the right way to resize the Icon?
Thanks in Advance,
Sameer

FontMetrics fm = label.getFontMetrics( label.getFont() );Once you have the font metrics you can use the getHeight() method.

FLVPlayback and preloader size difference

Hello,
I have put a preloader on a movie that plays a FLV (preloader on frame 1 and the FLVPlayback on frame 2). The problem is that the preloader thinks that the file size is only 38Kb and the FLV is 27,000Kb. So how do I make the preloader read the size of the FLV?
Thank you for your time,
Bernie

you need to create a preloader for the flv. i recently answered someone's inquiry about how to do that in this forum.

Cropping and Post-Document Size

Hi,
I need to crop my images at 500x500 pixels for a project. I do a Save For Web & Devices and use JPEG, optimize at 80%. When I open up the new JPEG file, the pixel size says 500x500, but the document size says 6.944x6.944 inches at 72 resoultion, instead of 5x5 inches at 100 resolution. I've been doing the same process for months and it was correct in pixel and document size until recently, but I haven't changed any settings or my process. Does anyone know why this is happening?
Thank you,
Jennifer

Thanks, that all makes sense. I'm just curious though, why would Photoshop display the document size differently, one as 5"x5" at 100ppi (files I did months ago) and then recently it seems to have just decided that it wanted to display the document size at the 6.944"x6.944" at 72ppi? We've always done a "Save for Web" and not "Save As." Other than that, thank you for your responses, I understand.

Changing ppi changes pixel dimensions but not document size?

I have an image that is W=4.375 H=6.124 at 355 ppi the pixel dimensions area under Img > Image Size indicates it is W=1553 px H=2174
When I change the resolution to 72 px it is only changing the pixel dimensions and not the document size. I'm confuesed.
1. What is the difference between pixel dimensions and document size?
2. Is the document the same physical size regardless if I make it 200 ppi, 150 ppi or 72?
Thanks.

Let me see if I understand all of this:
- If I change the resolution the print dimension will stay the same, though what is it actually doing to the image if I increase the resolution, though it still is the same print dimension? I am guessing you can not just add pixels to a given size image and expect it to print better.
- If I change the dimensions, the resolution will change because there will be either more pixels for a smaller area or fewer pixels for a larger area, depending on how I size it.
Thanks.

Document sizes and jpeg compression / quality

In relation to Photoshop, in the status bar at the bottom it displays what it calls “document sizes”. Would someone be able to clarify can this be used to determin the quality of a jpeg file ?
For example if I open up a jpeg with no compression (file size on disk is 4.57mb) it displays Doc:34.5M/34.5M however if I open the same file with compression set at 5 (file size on disk is 748kb) and ‘document size’ doesn’t change. How does the document size relate to jpeg compression etc...?
Thank you

Open a file, say a tiff or psd, zoom in close to the image, about 400% on a recognizable detail. Use the Save As... command, select JPEG, and click Save.
When you get to the dialog box, run the Quality slider to 0 and observe what happens to the pixels. It's like they are clumped together in large blocks.
That's how it saves on disk space when it is written back to the file.
477k/477k is the uncompressed size/size in ram and 31.5k is the saved to file compressed size caused by clumping all those pixels together. Of course you trash the file that way,but that's where compression saves space. Not by reducing the pixel count,but by consolidating them.
My point is is that you adjust that slider by eye and from there decide what optimal quality number is worth the space saved.
With broadband connections and terabyte drives, I would not see any point to less than 12 quality compression these days.

How is the font size calculated in pixel sized documents?

Hello to all,
I am working with Illustrator CS4 on a web design. In the document setup, I set the size to 1000*1600 pixels. Then, I tried to add some text in font size 12 pt. The font appears *very* small. My objective was to use the same font size settings in my Illustrator file as I will later do in the HTML/CSS coding. How do I get Illustrator to scale the fonts in the same way as the browser does - i.e. a 12 pt text in the browser has the same size as a 12 pt text in Illustrator? Infact, I am looking for a setting where I can define the resolution of text size calculation.
Best regards
Joerg

Illustrator is a print-oriented, object-based vector drawing program, not a web-oriented, pixel-based raster painting program.
Illustrator's ruler is designed to represent real-world measure, not counts of pixels.
A pixel is not a measure. Pixels have no real-world measure.
Therefore, when Illustrator's ruler pretends to represent "pixels," it has to assign some real-world scale to them. It defaults to the measure of a point. A point is a real-world measure.
Similarly, a computer's operating system has to decide how many screen pixels it will use to represent a real-world measure at 100% zoom.
Mac OS defaults to using 1 pixel to represent 1 point. (72 PPI)
Windows and web browsers default to using 1.33 pixels to represent 1 point. (96 PPI)
So tell a browser to display 12 point type, and it will use 16 pixels to do that.
Given Illustrator's default that 1 pixel measures 1 point at 100%, Illustrator uses about 9 pixels to render the cap height of 12 point Verdana.
GIven the browsers' default that 1 point renders to 1.3 pixels, the browser uses about 12 pixels to render the cap height of 12 point Verdana.
So given that Illustrator and the browser are going to use different numbers of pixels to rasterize 12 point type, how do you get a browser to use the same number of pixels to render 12 point Verdana as Illustrator does? Simple: Specify the type size in the HTML code by pixels, not by points. This is a screenshot of Internet Explorer on Windows displaying a web page which contains:
A raster image of 12 point Verdana exported from Illustrator, using its default 72 PPI rasterization
Live 12 pixel Verdana HTML text.
Live 12 point Verdana HTML text.
Inversely, there are other ways to work around Illustrator's 72 PPI default when you want to rasterize Illustrator type so that it looks the same as the same-point-size text in HTML.
When using Save For Web & Devices, specifiy 133% instead of the default 100%.
Scale the artwork to 133% before exporting via Save For Web & Devices using the default 100%
When rasterizing, rasterize to 96 PPI instead of 72 PPI. (1.33 as many pixels)
When exporting, export to 96 PPI instead of 72 PPI. (1.33 as many pixels)
Or, do what I do: Get a decent screenshot utility. When I want to rasterize something from Illustrator that contains text that I want to appear online at the same scale that it appears to me when working in Illustrator, I simply zoom to 133% and take a screenshot.
JET

How to compare two images and display the difference on Front Panel

HI..
I have attached two images.
I want to compare these two images and subtract the differenc from these two images and display the difference(the mouse) on the front panel
Anyone can help me?
Really thanks
Attachments:
IMG_2117.JPG ‏1677 KB
IMG_2118.JPG ‏1650 KB

The missing thing. You have to keep in mind that what you see is not the same as the camera sees.
So when using IMAQ Substract it gives you the difference of the value of every single pixel!
In order to find the mouse as only difference you have to manage that every other pixel value stays the same, e.g. with a proper lightening.
At the other hand you can combine different filters or alogorithms to get the object, e.g. if the object is darker or brighter then everything else in the image you could use a threshold and then use morphologic operations to get the objects size and position.
Christian

Copy & Paste From Illustrator to Photoshop not matching document size

I just recently reformated my computer and I've been having an issue with copy and paste from Illustrator to Photoshop. Before I could copy a 2"x2" vector box from Illustrator into photoshop making a new document and the size and resolution would match. That is the new document would say 2"x2" at 300 ppi in photoshop and the preset would read "clipboard". I would then hit ok and paste and it would match perfectly. Now since I've reformated, photoshop always creates a new document with the wrong size regardless of the settings I enter in Illustrator or photoshop. I have document raster and effects set at 300 ppi in Illustrator and I have the new document set at 300 in photoshop, but it always transfers the 2"x2" box as some other size no matter what resolution I change it too. Again this used to work before so I'm assuming there is some setting I forgot about. Does anyone know? The main issue is the clipboard preset is not matching the document size, its almost as if Illustartor is telling photoshop it's a different resolution when it's not. Copying to 72 ppi seems to have no issue, which makes me think Illustrator just isn't sending it out at 300 ppi, but I don't know why as I have the document set at 300 ppi.

Have you found an answer that wasn't posted here yet? I have the same issue.

Resize a layer to a percentage of the document size and position in corner

I need to create a script that places a logo in the corner of my main document but i need the logo to be constrained to a percentage of the document size. my logos needs to live in the bottom right corner of my images and be no larger than 28 percent height and no larger than 60 percent of the width of the document. i need it to constrain proportions of the original file so if the logo is square it will remain square, or if it is more rectangular it will maintain its rectangular shape. Heres what i've come up with so far, i am pretty inept at scripting so if disregarding my current script is more helpful than building upon it please ignore mine:
if ( documents.length > 0 )
    var originalDialogMode = app.displayDialogs;
    app.displayDialogs = DialogModes.ERROR;
    var originalRulerUnits = preferences.rulerUnits;
    preferences.rulerUnits = Units.PIXELS;
    try
        app.activeDocument = app.documents[0];    //set active document to 2nd document
        var docRefOne = app.documents[0];
        var refWidth = docRefOne.width;
        var refHeight = docRefOne.height;
        app.activeDocument = app.documents[1];    //set active document to 2nd document
         var docRef = activeDocument;
        //current image dimensions
        var w = docRef.width;
        var h = docRef.height;
        activeDocument.selection.selectAll();
        docRef.selection.copy();   //Copy selection
        app.activeDocument = app.documents[0]; //set first document as active document
        var docRef = activeDocument;
        activeDocument.selection.selectAll();
       docRef.paste(true); //paste into selection
    catch( e )
    // An error occurred. Restore ruler units, then propagate the error back
        // to the user
        preferences.rulerUnits = originalRulerUnits;
       app.displayDialogs = originalDialogMode;
        throw e;
    // Everything went Ok. Restore ruler units
    preferences.rulerUnits = originalRulerUnits;
    app.displayDialogs = originalDialogMode;

You could do something like this...
#target photoshop
activeDocument.suspendHistory('Logo Resize', 'main()');
function main(){
if(!documents.length) return;
var startRulerUnits = app.preferences.rulerUnits;
app.preferences.rulerUnits = Units.PIXELS;
var myDoc = activeDocument;
/////////////////////////////// Amend to suit /////////////////////////////////
var Opacity = 100; /* Opacity of logo */
//Position logo   X,Y
var X = myDoc.width - 10; //Right side of logo
var Y = myDoc.height - 10; //Bottom of logo
var Logo = File(Folder.desktop + "/logo.png"); //logo
if(!Logo.exists){
    alert("Your logo '" + decodeURI(Logo.name) + "' does not exist!");
    app.preferences.rulerUnits = startRulerUnits;
    return;
placeFile(Logo);
var LB = myDoc.activeLayer.bounds;
var docHeight = myDoc.height;
var docWidth = myDoc.width;
var LHeight = Math.abs(LB[3].value) - Math.abs(LB[1].value);
var LWidth = Math.abs(LB[2].value) - Math.abs(LB[0].value);
if(LWidth > LHeight) {//Landscape logo
var Percent = 60; /* Resize logo to percentage of smallest side of doc */
if(LWidth < LHeight) {//Portrait logo
var Percent = 28; /* Resize logo to percentage of smallest side of doc */
if(LWidth == LHeight) {//Square logo
var Percent = 15; /* Resize logo to percentage of smallest side of doc */
var percentageHeight = ((docHeight/LWidth)*Percent);
var percentageWidth = ((docWidth/LWidth)*Percent);
if(docWidth < docHeight){
myDoc.activeLayer.resize(percentageWidth,percentageWidth,AnchorPosition.MIDDLECENTER);
}else{
myDoc.activeLayer.resize(percentageHeight,percentageHeight,AnchorPosition.MIDDLECENTER);
var LB = myDoc.activeLayer.bounds;
X = X - LB[2].value;
Y = Y - LB[3].value;
activeDocument.activeLayer.translate(X,Y);
activeDocument.activeLayer.opacity=Opacity;
app.preferences.rulerUnits = startRulerUnits;
function placeFile(placeFile) {
var desc = new ActionDescriptor();
desc.putPath( charIDToTypeID('null'), new File(placeFile) );
desc.putEnumerated( charIDToTypeID('FTcs'), charIDToTypeID('QCSt'), charIDToTypeID('Qcsa') );
var desc2 = new ActionDescriptor();
desc2.putUnitDouble( charIDToTypeID('Hrzn'), charIDToTypeID('#Pxl'), 0.000000 );
desc2.putUnitDouble( charIDToTypeID('Vrtc'), charIDToTypeID('#Pxl'), 0.000000 );
desc.putObject( charIDToTypeID('Ofst'), charIDToTypeID('Ofst'), desc2 );
try{
executeAction( charIDToTypeID('Plc '), desc, DialogModes.NO );
}catch(e){}

Pixels and document size differences in Illustrator compared to Photoshop

Similar Messages

Maybe you are looking for