pixel perfect alignment for web design work

Post questions on how to use or achieve an effect in Inkscape.
chriswww
Posts: 383
Joined: Fri Nov 19, 2010 3:04 pm

pixel perfect alignment for web design work

Postby chriswww » Mon May 16, 2011 10:52 pm

I was doing some css rollovers (i'm not a web designer by trade btw) with inkscape. it took many goes to align and realign to pixel perfect positions, as things automagically drifted off pixel perfect positions whenever aligning to other objects or grouping etc. I know this imperfection in inkscape is meant for something but it's a royal pain when you want to export pixel perfect (size and alignment to pixel units) is required. Is there a way to get inkscape to align/size and otherwise work in pixels only, as per unit selected in preferences?

User avatar
prkos
Posts: 1625
Joined: Tue Nov 06, 2007 8:45 am
Location: Croatia

Re: pixel perfect alignment for web design work

Postby prkos » Mon May 16, 2011 11:09 pm

Of course, always use pixel and half-pixel grid when designing for the web, and snap everything to those grids: viewtopic.php?f=14&t=2854#p13155
just hand over the chocolate and nobody gets hurt

Inkscape Manual on Floss
Inkscape FAQ
very comprehensive Inkscape guide
Inkscape 0.48 Illustrator's Cookbook - 109 recipes to learn and explore Inkscape - with SVG examples to download

chriswww
Posts: 383
Joined: Fri Nov 19, 2010 3:04 pm

Re: pixel perfect alignment for web design work

Postby chriswww » Tue May 17, 2011 4:23 pm

ahh..thanks for that...missed that one.
i see a huge advantage in doing "simple" web graphics in svg/inkscape = you can always go back and change stuff. i used to use gimp extensively, but it's a bit of a pain to have to remember every operation (in gimp) and font selection etc to amend a simple glossy button or whatever.
anyway..thanks


Return to “Help with using Inkscape”