Knowing Your Pixels

When frequently working in a program like Photoshop® or Gimp® for web design purposes, you’ll soon find yourself becoming familiar with the distance 600px (pixels) reaches in width or height (as compared to your own computer monitor anyway).

This becomes helpful in at least two ways.

  1. Guestimating element sizes. When you want to determine a good size for an image, box or some other element, you can often get it right or very close in the first try. This comes with practice.
  2. Spotting numbers in code which specify/control the pixels of an element. Be it html, css, javascript or even more advanced web languages, the width and height of an image, box etc. are often specified to establish some form of control over it. This is easier to recognize when you’re familiar with pixels.

So although it can seem difficult to have an intuition with pixels, it is very useful and actually tends to come naturally over time.