Convierte picas a píxeles con cualquier DPI
Una pica son 16 píxeles exactos en pantalla y 50 píxeles en imprenta a 300 DPI. Escribe la medida en picas, ajusta la densidad y verás cuántos píxeles necesita el archivo. El selector bajo los campos cubre tres sistemas: la pica PostScript, la pica de imprenta y el cícero.
¿Cuántos píxeles tiene una pica?
Una pica pasa a píxeles en una sola operación: divides la medida entre seis y multiplicas por los DPI. A 96 DPI una pica son 16 píxeles exactos, a 150 DPI son 25 píxeles y a los 300 DPI de imprenta son 50 píxeles. La cifra de 96 píxeles por pulgada la fija la especificación CSS.[1]
El seis de la fórmula está ahí porque una pica es exactamente un sexto de pulgada. Todas las densidades habituales se dividen entre seis sin resto, así que el resultado sale entero a 72, 96, 150, 300 y 600 DPI.
El punto de partida cambia según dónde trabajes: en España la unidad tradicional del taller es el cícero, mientras que en Estados Unidos y en buena parte de Hispanoamérica se trabaja con la pica.[2] Por eso el selector de esta página incluye las dos, junto con la pica de imprenta.
Más abajo tienes una tabla de 19 medidas a cuatro densidades, la comparación de los tres sistemas de pica, cómo leer la notación 5p6 y qué hace el selector bajo los campos. La dirección contraria la calcula el convertidor de píxeles a picas.
Cómo pasar picas a píxeles a mano: fórmula y ejemplo
La fórmula tiene dos operaciones: píxeles = picas ÷ 6 × DPI. La primera convierte picas en pulgadas, la segunda pulgadas en píxeles.
Ejemplo con una columna de 20 picas a 300 DPI: 20 ÷ 6 da 3,333 pulgadas, y 3,333 × 300 da 1.000 píxeles. Esa misma columna en pantalla a 96 DPI mide 320 píxeles.
Para el trabajo en pantalla hay un atajo: una pica son 16 píxeles, justo el tamaño de texto que trae el navegador por defecto. Ese mismo tamaño lo describe el convertidor de rem a px, así que con los ajustes de fábrica 1 pica, 1 rem y 16 píxeles cubren la misma distancia.
Una pica contiene doce puntos, y un punto es 1/72 de pulgada.[3] De ahí sale el segundo atajo: divides entre doce una medida en puntos y obtienes picas. Los puntos por su cuenta los calcula el convertidor de pt a px, donde además están las rutas de menú para cambiar la unidad en los programas de diseño.
Cuando la especificación llega en pulgadas o en unidades métricas, la misma cuenta la hacen el convertidor de pulgadas a píxeles, el convertidor de milímetros a píxeles y el convertidor de centímetros a píxeles.
¿Cuántos píxeles dan las medidas habituales en picas?
La tabla muestra las mismas medidas a cuatro densidades, calculadas con la pica PostScript. La columna de 72 DPI cubre maquetas de pantalla antiguas, 96 DPI es la densidad de pantalla del estándar CSS, 150 DPI encaja con la impresión de oficina y 300 DPI es la densidad de la imprenta en pliego.
| Medida | 72 DPI | 96 DPI (pantalla) | 150 DPI | 300 DPI (imprenta) |
|---|---|---|---|---|
| 1 pica | 12 px | 16 px | 25 px | 50 px |
| 2 picas | 24 px | 32 px | 50 px | 100 px |
| 3 picas | 36 px | 48 px | 75 px | 150 px |
| 4 picas | 48 px | 64 px | 100 px | 200 px |
| 5 picas | 60 px | 80 px | 125 px | 250 px |
| 6 picas | 72 px | 96 px | 150 px | 300 px |
| 8 picas | 96 px | 128 px | 200 px | 400 px |
| 10 picas | 120 px | 160 px | 250 px | 500 px |
| 12 picas | 144 px | 192 px | 300 px | 600 px |
| 15 picas | 180 px | 240 px | 375 px | 750 px |
| 18 picas | 216 px | 288 px | 450 px | 900 px |
| 20 picas | 240 px | 320 px | 500 px | 1.000 px |
| 24 picas | 288 px | 384 px | 600 px | 1.200 px |
| 30 picas | 360 px | 480 px | 750 px | 1.500 px |
| 36 picas | 432 px | 576 px | 900 px | 1.800 px |
| 42 picas | 504 px | 672 px | 1.050 px | 2.100 px |
| 48 picas | 576 px | 768 px | 1.200 px | 2.400 px |
| 54 picas | 648 px | 864 px | 1.350 px | 2.700 px |
| 60 picas | 720 px | 960 px | 1.500 px | 3.000 px |
Los valores siguen la fórmula px = picas ÷ 6 × DPI. Seis picas forman una pulgada, así que la fila de 6 picas indica directamente cuántos píxeles tiene una pulgada en cada una de las cuatro densidades.
Las tres picas que te vas a encontrar
La unidad llamada pica tiene hoy tres valores, y los tres siguen en uso. El selector Tipo de pica bajo ambas columnas cambia el cálculo al que necesites.
La pica PostScript mide un sexto de pulgada, o sea 4,2333 mm. Es la que entienden InDesign, QuarkXPress y la unidad pc de CSS,[1] así que encaja con todo lo que nace en composición digital. Viene marcada por defecto.
La pica de imprenta mide 400/2409 de pulgada, o sea 4,2175 mm. La norma la fijó en 1886 la asociación estadounidense de fundidores de tipos, y TeX y LaTeX siguen calculando con ella.[3] Elígela cuando la medida venga de composición académica.
El cícero son doce puntos Didot, es decir 4,5128 mm, y es la unidad que usó la composición europea.[2] Mide un 6,6% más que la pica PostScript, así que a 300 DPI da 53,30 píxeles en lugar de 50. Un cícero equivale a 1,066 picas.
Esta herramienta calcula con el punto Didot de 0,376065 mm, con lo que un cícero mide 4,5128 mm. Junto a esa definición siguen vigentes otras dos: la original, basada en 1/72 de la pulgada francesa, da 4,5117 mm, y la norma polaca de 2.660 puntos por metro da 4,5113 mm. Los extremos se separan un 0,033%, así que hacen falta 57 cíceros seguidos para que la diferencia llegue a un píxel entero a 300 DPI.
¿En qué se diferencian los tres sistemas de pica?
El cuadro muestra cuánto mide una unidad en cada uno de los tres sistemas y cuántos píxeles salen de ella. Las columnas de píxeles están calculadas para una sola unidad, así que en medidas mayores la diferencia crece en proporción.
| Sistema | Milímetros | Pulgadas | 96 DPI | 300 DPI |
|---|---|---|---|---|
| Pica PostScript (DTP) | 4,2333 mm | 0,166667 | 16 px | 50 px |
| Pica de imprenta (TeX) | 4,2175 mm | 0,166044 | 15,94 px | 49,81 px |
| Cícero | 4,5128 mm | 0,177669 | 17,06 px | 53,30 px |
A la pica PostScript y a la pica de imprenta las separa un 0,38%, que a 300 DPI son menos de 0,2 píxeles por unidad. El cícero queda más lejos: en veinte unidades a 300 DPI se acumulan 66 píxeles.
Cómo leer la notación 5p6 de InDesign
Los programas de maquetación escriben una medida compuesta: el número de picas, la letra p y el número de puntos. 5p6 significa cinco picas y seis puntos, y la usan tanto InDesign como QuarkXPress.[3]
Para escribirlo en el campo divides los puntos entre doce y los sumas a las picas. Seis puntos son media pica, así que 5p6 se escribe como 5,5. El campo acepta coma y punto, de modo que 5,5 funciona igual que 5.5.
La tabla de abajo recoge once medidas en esa notación con su valor decimal y su cifra en píxeles a 300 DPI. Escribir un resultado de vuelta en esa forma lo explica el convertidor de píxeles a picas.
La notación compuesta y su valor decimal
La primera columna es la notación que ves en la ventana de medidas de InDesign o QuarkXPress. La segunda es el número que escribes en el campo. La tercera da el resultado a la densidad de la imprenta en pliego.
| Notación | En picas | 300 DPI |
|---|---|---|
| 2p6 | 2,50 | 125 px |
| 4p0 | 4,00 | 200 px |
| 5p6 | 5,50 | 275 px |
| 6p9 | 6,75 | 338 px |
| 9p0 | 9,00 | 450 px |
| 12p6 | 12,50 | 625 px |
| 16p0 | 16,00 | 800 px |
| 20p3 | 20,25 | 1.013 px |
| 28p6 | 28,50 | 1.425 px |
| 36p0 | 36,00 | 1.800 px |
| 45p0 | 45,00 | 2.250 px |
La cifra que sigue a la letra p va de 0 a 11, porque doce puntos forman una pica completa. Un punto suelto son 0,083 picas y 4,17 píxeles a 300 DPI.
Cuándo te hará falta esta conversión
Retícula de una revista que pasa a digital
Una columna de 20 picas a 300 DPI da 1.000 píxeles, y un corondel de una pica da 50. Deja el selector en PostScript (DTP).Medida salida de un archivo de TeX
Cuando el número viene de LaTeX, cambia el selector a De imprenta (TeX). Veinte picas a 300 DPI dan entonces 996 píxeles en vez de 1.000.Pliego antiguo de un taller español
Las medidas dadas en cícero las cubre la opción Cícero del selector. Veinte cíceros a 300 DPI son 1.066 píxeles.Llevar una retícula de imprenta a pantalla
A 96 DPI una pica da 16 píxeles exactos, así que una columna de 20 picas son 320 píxeles y cada margen se convierte sin redondeos.
Convertir otras unidades a Píxeles
Explorar otros conversores de unidades
Fuentes
- CSS Values and Units Module Level 4 — W3C
- Cícero (tipografía) — Wikipedia
- Pica (typography) — Wikipedia
Todos los valores de las tablas se calcularon a partir de las definiciones de las unidades y se comprobaron aritméticamente antes de publicarlos. Los datos históricos y los nombres de las unidades locales proceden de las fuentes indicadas arriba.
Última revisión del contenido: · redactado y verificado por el equipo de Arteon
Preguntas frecuentes sobre picas y píxeles
¿Cuántos píxeles tiene una pica?
A 96 DPI una pica son 16 píxeles exactos. A 72 DPI son 12 píxeles, a 150 DPI son 25 y a 300 DPI son 50 píxeles. La cifra depende de la densidad que indiques, porque un píxel solo adquiere tamaño físico a partir de ella.
¿Por qué la pica sale siempre en píxeles enteros?
Una pica es exactamente un sexto de pulgada, y todas las densidades habituales se dividen entre seis sin resto: 72, 96, 150, 300 y 600. Un punto no se comporta así y da 1,333 píxeles a 96 DPI, y un milímetro da 11,81 píxeles a 300 DPI.
¿Cuántos puntos tiene una pica?
Doce. Un punto es 1/72 de pulgada y una pica es 1/6, así que seis picas forman una pulgada. Divides entre doce una medida en puntos y obtienes picas; los puntos por su cuenta los calcula el convertidor de pt a px.
¿Qué significa la notación 5p6?
Cinco picas y seis puntos. La cifra anterior a la letra p son picas y la posterior son puntos. Seis puntos son media pica, así que en el campo escribes 5,5. Esta notación la usan InDesign y QuarkXPress.
¿Qué pica elijo en el selector?
Deja PostScript (DTP) si la medida viene de InDesign, QuarkXPress o de una hoja de estilos CSS. Elige De imprenta (TeX) con archivos compuestos en TeX y LaTeX. Elige Cícero cuando la medida venga de composición europea anterior al DTP o de documentación en puntos Didot.
¿En qué se diferencia un cícero de una pica?
Un cícero son doce puntos Didot y mide 4,5128 mm, frente a los 4,2333 mm de la pica PostScript, así que es un 6,6% más ancho. A 300 DPI un cícero da 53,30 píxeles y una pica 50. Un cícero equivale a 1,066 picas.
¿Una pica son 16 píxeles en pantalla?
Sí. La especificación CSS fija 96 píxeles por pulgada y una pica es un sexto de pulgada, así que la unidad pc equivale a 16 píxeles. Con otra densidad la cifra cambia, y por eso el campo DPI queda a tu disposición.
¿Cómo paso un archivo terminado de vuelta a picas?
Divides el número de píxeles entre la densidad y multiplicas por seis. Ese cálculo lo hace el convertidor de píxeles a picas, y el botón Cambiar orden te lleva allí con un clic.
Ayúdanos a mejorar nuestras herramientas
¿Tienes una idea para una función, has encontrado un fallo o quieres proponer otra herramienta? Escríbenos: respondemos en menos de 24 horas.