CSS Tool: Pixel to Em Converter

Posted in » CSS - by Ades on April 23rd, 2007

Here is a useful CSS tool that converts size in pixels to relative em units, which are based on a text size.

In case if you do not know what is em, here is a nice article about the difference between using pixels for the text size and em.

Why not px?

The most important thing to keep in mind is that opposed to pixel units, em units are relative to the font size of parent elements. If you take a step back and look at it, everything boils down to the font size of the browser itself – essentially giving the developer no control of the font size of their document. Read full article.

[Post to Twitter]  [Post to Delicious]  [Post to Digg]  [Post to StumbleUpon] 


Related Posts




5 Responses to “CSS Tool: Pixel to Em Converter”

  1. By Jimmy on Sep 29, 2007

    Ades,

    Very useful tool. Thanks!

  2. By Anthony on Oct 11, 2008

    Cool tool bro, you’re full of them!

  3. By Robert Nesta on Jan 29, 2009

    Another useful tool is:
    http://www.dieterschnee.com/home/px2emconverter

    This takes whole stylesheets/HTML-pages and converts all Pixel values to em.

  4. By Electricspace on Feb 15, 2009

    For those who want to work with em’s: I’ve written a simple program in .NET to a pixel size to em. I use it in my day-to-day work:

    You can download the program “Pixel 2 em calculator” from http://electricspace.blogspot.com/2009/02/pixel-2-em-calculator.html

  5. By Faydaliweb on Dec 25, 2009

    Em is most useful and user friendly than px


Post a Comment