Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

150px grid, 3px stroke icon - Snapping to a pixel grid, advice

Participant ,
Dec 17, 2025 Dec 17, 2025

Hi, I've been given a load of icons to look at from a designer who's chosen a 150px grid and 3px stroke. A couple of things before I start. I'm redrawing some of the lines as they are off a pixel grid (stroke), which is fine, but one of the requests is to outline the path on completion. The problem is due to the stroke being 3px; the points will now come off the grid due to the point being 1.5px on either side. Should I push the stroke to 'outside' or 'inside' before I outline? Should the stroke really be an even number? Just getting some tips beforehand.

 

lister

TOPICS
Draw and design
154
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe
Participant ,
Dec 18, 2025 Dec 18, 2025

Maybe you should attach a screenshot to this so we can understand the problem a bit better! But I would say probably staying inside the grid is the way to go about this. I could judge this better when I see it. 

CCO @hypetwin | 3D Designer
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
Dec 21, 2025 Dec 21, 2025

I think I mean with the stroke being outlined, I guess to keep on the grid, I'd need to have the stroke inside/outside so the point snap. Being 3px, it'll be off the grid if it were centred. I can't really show an example at the moment, I was just asking for some advice. Thanks for the reply.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Dec 22, 2025 Dec 22, 2025
LATEST

lister,

 

Assuming that each icon is supposed to be contained within whole pixels and maybe fitting into the 150 pixel grid, and that the lines form part of closed paths, I believe that it is best to:

 

1) Align strokes to outside,

2) Adjust wherever necessary, and

3) Outline.

 

Always keep a backup of artwork that is going to be irreversibly changed, such as stroked paths to be outlined.

 

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines