Mobile app version of vmapp.org
Login or Join
Steve758

: Illustrator saving in small size distorts shapes I have a symbol in vectors at raw with around 500px width and 600px height. All strokes were outlined. Saving it straight from its normal size,

@Steve758

Posted in: #AdobeIllustrator #Save #Vector

I have a symbol in vectors at raw with around 500px width and 600px height. All strokes were outlined.

Saving it straight from its normal size, this is what I get:



However, if I save it in "Save for web" with 100px height, this is what I get:



See the top part with the yellow helmet? The black shape (aka the outlined stroke) is way bolder than the original size.

Why is this happening?

You can download the AI file here: www.dropbox.com/s/33pjfcjupkqdoig/Symbol.ai?dl=0

10.03% popularity Vote Up Vote Down


Login to follow query

More posts by @Steve758

3 Comments

Sorted by latest first Latest Oldest Best

 

@Vandalay110

It is perfectly possible to scale that image without much fuss if you use a better filtering algorithms than illustrator gives you as a option. Here ive takes your mage and filtered it with lanczos (with imagemagic) form your original down.



If this is or is not this is better is another thing. Anyway you should design your artwork at with its minimum size in mind.

10% popularity Vote Up Vote Down


 

@Nickens508

If your target output size is 100px then make your image 100px before you export it.

When it's sized the same as it will be when exported you'll see what the saved result will look like and can edit it to look good at that size.

When scaling be sure to check "scale strokes and effects".

10% popularity Vote Up Vote Down


 

@Looi7658678

I have looked at your .ai file thinking it was something with stroke scaling, but the problem is actually that you have too much details in that area to scale it properly at such a small size.

The full height of the part on top of the helmet is 23px. If you try to reduce it to 10%, it only leaves 2.3 pixels for that part. It looks bolder because you get an average color between the black of the shapes, their darker beige fill and the yellow-beige of the helmet, which "clogs" the space and makes it looks bolder.

At 50%, you can still see details:


At 30%, you can see that it's starting to "clog":


At 10% as you're doing it, the whole area is basically filled with dark grey:


However, if I delete some of the details within this area like this:


Then the area remains open. You can also see that you have only 1 or 2 pixels between the top and bottom of that area:



Which gives a better result:



It will be up to you to determine what detail you want to keep to scale it basically to the size of a postage stamp.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme