Mobile app version of vmapp.org
Login or Join
Samaraweera207

: How to resize an EPS file in Illustrator to fit a pixel size? I'm very new to Illustrator. Having used Photoshop all my life, vector art is something very new to me. I have this company

@Samaraweera207

Posted in: #AdobeIllustrator #Resize #Vector #WebsiteDesign

I'm very new to Illustrator. Having used Photoshop all my life, vector art is something very new to me. I have this company logo in EPS format. I want to use AI to resize the image to a certain pixel size in order to fit properly on a website.
I've only drawn some trees and landscape using AI, doing this has me totally lost. Any help would be appreciated.

10.03% popularity Vote Up Vote Down


Login to follow query

More posts by @Samaraweera207

3 Comments

Sorted by latest first Latest Oldest Best

 

@Rivera951

I think the best solution in this case would be to use Illustrator's “View->Pixel Preview” mode if applicable (I don't know which version you've got there). This way you'll have much greater control over final results, than by any form of automatic rasterization (e.g. “Save for Web”). Think of it as of manual “pixel perfext hinting”.

Also using “pixels” as “document units”, as Mark Edwards suggested, would be a good thing. It will make it possible to set artboard to exact needed size in pixels.

Of course “Save for Web” still would be useful, with its possibility to provide quick preview and optimization of resultant file.

TIP (mentioned in some comment here): you can scale objects proportionally by entering in info or transform panel their new width/height and confirming your value with “Ctrl/Command+Enter” combo.

As for the whole subject you can take a look at medialoot.com/blog/3-valuable-pixel-perfect-illustrator-techniques/ for more complete explanation with graphic examples.

10% popularity Vote Up Vote Down


 

@Ravi4787994

There's a few ways to do it, but I think this might be the easiest:


Ensure Illustrator is working in pixels.
You should probably also ensure you're working in RGB (this is for the web, right?)
Select everything you want to scale.
Look at the Info panel, and take note of the size.
Work out the scale factor: new size / old size.
Double click the scale tool and enter the scale you need.


If your logo is currently 500px wide and you want it to be 100px wide, then that's 100/500 = 0.2. "0.2" is 20%.

This is far more accurate than scaling by eye. When you're done, you may want to turn on pixel snapping and ensure things are nicely lined up.

10% popularity Vote Up Vote Down


 

@Bryan765

You can also adjust the individual image by using the Transform properties (Window-> Transform) or on the top toolbar. You can then copy-paste to Photoshop at the exact size you need.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme