romanysoft-pixel-assistant-logo.png

Pixel Assistant

Pixel Assistant

Pixel Assistant is px to em conversion made simple. Choose your body font size in pixels (px)and out comes a complete pixel (px) to em conversion table, making elastic web design with CSS a snap. The once daunting challenge of converting pixels (px) to the elusive em has now been reduced to a booger eating pipsqueak. ## What is the text sizing difference between PX, EM, %, PT? Pixels and points are static measurements, but commonly used in different mediums. Pixels are used on screens because screens are measured in pixels. Although points can be used on screen, they are the standard in printing because they are a factor of DPI. Percent and EMs on the other hand are relative measurements. The size of an EM or percentage unit depends on its parent. If body text is sized at 12 pixels, then text set at 120% or 1.2 EM inside the body will be 1.2 * 12, or 14.4 pixels. ##How do I convert between PX, EM, %, and PT? Note: 16px is used as the body text size in all conversions because that is the browser default. You will change 16px to your base text size. PX to EM Formula: size in pixels / parent size in pixels Example: 12px / 16px = .75em PX to % Formula: size in pixels / parent size in pixels * 100 Example: 12px / 16px * 100 = 75% PX to PT Formula: size in pixels * (points per inch / pixels per inch) Example: 16px * (72pt / 96px) = 12pt EM to PX Formula: size in EMs * parent size in pixels Example: .75em * 16px = 12px EM to % Formula: size in EMs * 100 Example: .75em * 100 = 75% ##Why size your text with EMs in CSS? Style sheets that use EMs are easier to maintain for the designer and more accessible to end-users. Style sheets become easier to maintain because all text set in EMs scale to the body font-size. Only one element\’s font-size needs to change instead of individually changing the font-size of each element. Accessibility is increased for end-users because text is scaled based on their preferences rather than set statically in pixels. Additionally, end-users can use hot keys to scale the text in all browsers. Many people have difficulty reading small text on a computer screen.

Get Pixel Assistant now:


Try Pixel Assistant
Purchase the full version for unlimited use

Summary: EMs, 75em, #, 75%, 1.2 EM, 120%, 12pt, 72pt

Concepts: Point, Pixel, Conversion of units, Cascading Style Sheets, Typographic unit, Point, Typeface, Typography

Categories:
/technology and computing/software/graphics software
/law, govt and politics/law enforcement/fire department
/technology and computing/hardware/computer peripherals/computer monitors

Tags: pixels, px, pixels Example, em, style sheets, PX Formula, text, Pixel Assistant, body font size, elastic web design, parent size, elusive em, body text size, base text size, EM Formula, screen.Get Pixel Assistant, politics/law enforcement/fire department/technology, EMs, computing/hardware/computer peripherals/computer monitors, Cascading Style Sheets, complete pixel, EMs scale, Pixel AssistantPurchase, PT Formula, daunting challenge, conversion table, different mediums, static measurements, relative measurements, small text, browser default, percentage unit, unlimited useSummary, hot keys, computing/software/graphics software/law, Typographic unit, font-size needs, end-users, points, CSS, screens, inch, Point, DPI, govt, snap, booger, pipsqueak, Typeface, standard

Latest posts by RomanySoft (see all)

You may also be interested in:

  • Easy Math Do you think your kids may benefit from more math practice? If so, here's a simple program that will help! - Works on most Palm PDAs - […]
  • SkyShed Backyard Observatory Building Plans Features * Over 120 Meg's of resources * 6 complete sets of 3D/2D plans for observatory sizes 6' X 6', 6' X 8', 8' X 10', 10' […]
  • AutoKeyboard 8.1 AutoKeyboard is a software that imitate keyboard keystroke and mouse action. You may enter a group of keystrokes or mouse actions then […]
  • AutoKeyboard 9.0 AutoKeyboard is a software that imitate keyboard keystroke and mouse action. You may enter a group of keystrokes or mouse actions then […]
  • HelpSmith HelpSmith is a complete help authoring tool, which you can use to create HTML Help (CHM) files, Web Help (browser-based) systems, Printed […]
  • PC Screen Spy Monitor PC Screen Spy Monitor secretly caputres your computer screen. It is like a invisible surveillance camera aimed directly at your PC screen. […]
  • Abonsoft Image Compare Abonsoft Image Compare can help you to compare any type pictures with their differences highlighted. It also works well for images with […]
  • Shell & Tube Heat Exchanger Design v1.6 1) Step by step design and rating calculations 2) Estimate the Physical properties of more than 1450 components; the database has the […]
  • Ancient Guitar [Music Education Kit] I am are proud to launch a new and unique Music instrument product: An Ancient Guitar which is one stringed instrument. Since it has one […]
  • WinWAP for Windows 4.1 Winwap for Windows provides the browser capabilities of your cellphone, on your PC. Mobile Internet services are specifically designed to […]

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>