🦉 UnitOwl

Pixels to Picas

1 Pixel (px) = 0.0625Pica (pc)

By KAMP Inc. / UnitOwl · Last reviewed:

Result
0.0625 pc
1 px = 0.0625 pc
Ad Slot (horizontal)

How to Convert Pixels to Picas?

One pixel equals 0.0625 picas (1/16 of a pica) at the standard 96 DPI screen resolution. To convert pixels to picas, divide the pixel value by 16. The pica is a traditional typographic unit used primarily in print design — one pica equals 12 points or 1/6 of an inch. In CSS, one pica equals 16 pixels (since 1 pica = 1/6 inch, and 1 inch = 96px). Picas are used by professional typesetters, book designers, and print layout artists to measure column widths, margins, and gutters. While most web designers work in pixels, understanding the pica relationship is important for cross-media design work and for anyone using InDesign, QuarkXPress, or other professional page layout software. It is especially helpful in editorial workflows, where print teams think in picas and points while digital teams think in pixels and rem. Knowing how to move between those systems makes it easier to preserve reading measure, whitespace, and typographic rhythm when the same content needs both a printed and a web presentation. For long-form editorial work, that translation is especially useful because reading measure is still often discussed in picas.

How to Convert Pixel to Pica

  1. Start with your size in pixels.
  2. Divide the pixel value by 16 to get picas.
  3. The result is your size in picas.
  4. The formula is: picas = pixels / 16 (at 96 DPI).
  5. Key reference: 16px = 1pc, 96px = 6pc (1 inch), 48px = 3pc.

Real-World Examples

A web column is 640px wide. What is that in picas for a matching print layout?
640 / 16 = 40 picas. A 40-pica column is a comfortable reading width for a print page.
A 32px gutter between columns. What is the print equivalent?
32 / 16 = 2 picas. A standard gutter width in print layout.
A 960px page container. How many picas is that?
960 / 16 = 60 picas. This is 10 inches, a common print page width.
A 24px margin.
24 / 16 = 1.5 picas (or 1p6 in pica notation, meaning 1 pica plus 6 points).
A 128px sidebar in a web mockup needs a print equivalent for an editorial layout.
128 / 16 = 8 picas. That gives the print designer a clean pica measurement to work with in page-layout software.

Quick Reference

Pixel (px)Pica (pc)
10.0625
20.125
50.3125
100.625
251.5625
503.125
1006.25

History of Pixel and Pica

The pica originated in 15th-century European typography. It became one of two standard type measurement systems (alongside the Didot point used in continental Europe). In the Anglo-American system, a pica is exactly 12 points or 1/6 of an inch. The pica was the primary unit for measuring line lengths and page dimensions in typesetting for over 500 years. Desktop publishing software adopted picas in the 1980s, and they remain the default unit in Adobe InDesign. CSS includes the pica (pc) unit for completeness, though it is rarely used in web stylesheets.

Common Mistakes to Avoid

  • Confusing picas with points. One pica = 12 points, not the other way around. A 12-pica column is 144 points (192px), not 12 points (16px).
  • Forgetting that CSS pica = 16px, not 12px. Even though 1 pica = 12 points, and you might expect 12px, the CSS pixel is smaller than a point (1px = 0.75pt), so 1 pica = 12pt = 16px.
  • Using picas in web CSS. While technically valid, picas are virtually never used in web stylesheets. Use px, rem, or em instead. Reserve pica notation for print design conversations and software.
  • Reading pica notation like 1p6 as a decimal. In editorial notation, 1p6 means 1 pica and 6 points, which equals 1.5 picas, not 1.6 picas.
Ad Slot (auto)

Frequently Asked Questions

What does pica notation like "14p6" mean?
It means 14 picas and 6 points. Since one pica is 12 points, "14p6" = 14.5 picas = 14 x 12 + 6 = 174 points. In pixels, that is 174 x (96/72) = 232px. This notation is standard in InDesign and other page layout software.
Why do print designers prefer picas over inches?
Picas are finer-grained than inches but coarser than points, making them ideal for measuring column widths and margins. A typical book column might be 24 picas wide — a number that is easier to work with than 4 inches or 288 points.
Is the CSS pica the same as the print pica?
Yes. The CSS specification defines 1pc (pica) as exactly 12pt, which is exactly 1/6 of an inch. This matches the traditional Anglo-American typographic pica. At the CSS reference of 96px per inch, 1pc = 16px.
When are picas more useful than points?
Picas are better for larger layout dimensions such as columns, gutters, and page margins. Points are better for type size and fine adjustments. In practice, editorial designers often measure text in points but page geometry in picas because the numbers are easier to manage.
How many picas is 240px?
Divide by 16: 240px = 15 picas. That is also 180 points or 2.5 inches, which makes it a handy reference size for editorial columns and sidebars.
Quick Tip

For cross-media designers: the key conversions between web and print units are 16px = 1 pica = 12pt, and 96px = 1 inch = 6 picas = 72pt. Memorize these anchor values and you can fluently translate between the web world (pixels) and the print world (picas and points).

Sources & References