Comments on: Using Adobe Illustrator for web design

By: Pixel-Perfect graphics in Illustrator « Yayoi's Blog

Pixel-Perfect graphics in Illustrator « Yayoi's Blog — Mon, 03 May 2010 00:23:22 +0000

[...] For today’s problem without CS5, I found an excellent posts on how to align the Illustrator object to pixel grid here. [...]

By: ps

ps — Fri, 26 Feb 2010 09:12:55 +0000

oh yah – i just made a pixel perfect 300×220px shape in illustrator – copy it, paste in new document – wow, photoshop thinks it’s 301×221. ADOBE SUX.

By: michael

michael — Fri, 11 Dec 2009 17:50:49 +0000

when i create just a simple box with a fill — no stroke — i get a 1px shadow around the ege, i have snap to pixel turned on! what gives :/

By: Ben Hayes

Ben Hayes — Mon, 23 Nov 2009 17:25:14 +0000

Thomas – you’re right, this doesn’t work for strokes aligned to the outside. You’ll need to align them inside for this to work.

By: Thomas

Thomas — Mon, 23 Nov 2009 17:09:45 +0000

Thanks Benjamin for the tip but this apparently doesn’t work for strokes aligned to the outside (in my case).

By: hoshimo

hoshimo — Wed, 18 Nov 2009 01:23:47 +0000

99% of my work is done in AICS3 nowadays, and i came across the same issue of anti-aliasing creating less sharp web graphics than raster based tools like photoshop. i scoured the web for a tutorial on how to get crisp graphics but found none. after fiddling in photoshop, im glad i found this article.

By: EM

EM — Mon, 05 Oct 2009 21:51:11 +0000

Thank you so very much for this tutorial. I’m relatively new to Illustrator and the fact that I couldn’t produce “crisp” looking web graphics was driving me insane; the “snap to pixel” command is now my new best friend.

By: admin

admin — Thu, 25 Jun 2009 08:37:20 +0000

@Robin: I’ve tried following the subject link for ‘Design’ and I don’t get the coloured highlighting. The highlighting should only come up when you’re doing a search. Are you sure you’re not typing ‘design’ into the search box?

It’s a good point about readability from search results though. Maybe I should tone down the highlighting a little.

By: Robin

Robin — Thu, 25 Jun 2009 07:47:29 +0000

What’s up with the highlighted search terms in this article? I followed a link from the Design category to get here; no search was involved. It makes the article really difficult to read.

By: Lucie

Lucie — Fri, 05 Jun 2009 17:30:35 +0000

Thanks for these great tips! I also prefer using Illustrator for Web design, it’s so much simpler and more intuitive than Photoshop, as you say. It’s nice to know there are others out there who agree!