1
  1. I am editing an svg file:

No fit

  1. I am using Object -> Artboards -> Fit to Artwork Bounds which seem to work well:

Fit

  1. But when I save for web as a small dimension (73x64) png I get this result:

Result

As you can see, the bike's wheels "flatten" because Illustrator cuts a couple of pixels off the bottom and right corners of the image.

  1. To make the image not lose its edges, is there an alternative to enlarging the artboard pixel by pixel and saving each time until the result is statisfying?
|improve this question
1

Make the artboard one or two pixels larger (on each side), to leave room for the anti-aliasing pixels bleeding over the paths. This also helps with (vector) SVGs where a tight bounding box can cut into the smoothing pixels.

|improve this answer
  • It does work, but I wanted to avoid this bit-tedious process. I have to increase the artboard by 1px at a time on each side because in addition to not wanting to lose the edges, I want to to not have white space around. (The image will be displayed as a small icon so white space doesn't serve me well). But maybe this is the only way. – Django Aug 3 at 11:22
0

Skip step 2 and go straight to Save for web and in that dialog box, uncheck the 'Clip to artboard' option. I downloaded your AI file and generated this in 4 seconds using this method. My AI doesn't seem to cut off the wheels like your AI does.

enter image description here

If that doesn't work, put a no-fill, no-stroke rectangle around the artwork and again Save for web with 'Clip to artboard' unchecked.

enter image description here

|improve this answer
  • Weirdly, now I don't lose pixels on the right; but I still lose pixels at the bottom. – Django Aug 3 at 8:18
  • There may be a problem with the SVG file, many times SVG's can cause AI to act weird. Go into outline mode CTRL+Y and see if there's any clipping mask in there (any square box surrounding the artwork). – Lucian Aug 3 at 8:26
  • Thanks for the help, but no... imgur.com/a/MwRC1Ou – Django Aug 3 at 8:31
  • Select the whole shabang, paste it in Photoshop and try to save for web from there? :) – Lucian Aug 3 at 8:34
  • Will have to download Photoshop and try. I will post an update. Thank you, would've upvoted if I could ;) – Django Aug 3 at 8:37

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.