Ancho de columna de una retícula
Calculadora
Resultados
- Ancho de columna (px)
- 78
- Ancho del contenido (px)
- 1,200
- Ancho total de los medianiles (px)
- 264
- Columna más medianil (px)
- 102
Resultados de diseño e impresión
| Ancho de columna (px) | 78 |
| Ancho del contenido (px) | 1,200 |
| Ancho total de los medianiles (px) | 264 |
| Columna más medianil (px) | 102 |
Diagrama formula-map
- Ancho de columna (px)
- 78
- Ancho del contenido (px)
- 1,200
- Ancho total de los medianiles (px)
- 264
- Columna más medianil (px)
- 102
Desglose de la fórmula
Fórmula
column = (container − 2 × margin − (columns − 1) × gutter) ÷ columns= 78
Nota
Modelo simplificado: son relaciones estándar de preimpresión y tipografía calculadas sobre valores nominales. El volumen real, el calibre y la merma del papel, los límites de tinta de un perfil dado, las métricas tipográficas y las tolerancias de encuadernación varían según el proveedor y el trabajo; confírmelo con su imprenta y con una prueba antes de imprimir.
Más en Diseño e impresión
Ver todas →Preguntas frecuentes
¿Cómo se calcula el ancho de columna en un sistema de retícula?+
Resta el espacio total de las canaletas (número de canaletas multiplicado por su ancho) del ancho total del contenedor, luego divide el resto entre el número de columnas. Un contenedor de 1200px con 12 columnas y canaletas de 20px deja 1000px de columnas, o alrededor de 83px por columna.
¿Por qué añadir más columnas reduce el ancho de cada columna más rápido de lo esperado?+
Porque cada columna adicional también añade otra canaleta, así que tanto el numerador (ancho disponible tras las canaletas) se reduce como el divisor (número de columnas) aumenta — el efecto se acumula en lugar de escalar linealmente.
¿Cuántas columnas debería usar mi retícula?+
12 columnas es el estándar de maquetación web más común porque se divide de forma exacta en mitades, tercios, cuartos y sextos, dando opciones flexibles para cuántas columnas puede abarcar un elemento dado. Las maquetaciones más simples a veces usan 4-6.
¿Los márgenes cuentan igual que las canaletas en este cálculo?+
No — los márgenes son el espacio fuera de las columnas más externas (entre la retícula y el borde del contenedor), mientras que las canaletas son el espacio entre columnas. Ambos deben restarse del ancho total, pero normalmente se registran como valores separados ya que suelen tener tamaños distintos.
¿Por qué un elemento que abarca 'X columnas' sale más angosto que X veces el ancho de una columna?+
Porque un elemento que abarca varias columnas solo incluye las canaletas internas entre sus propias columnas, no una canaleta extra en cada extremo — así que su ancho es (X x ancho de columna) + ((X-1) x ancho de canaleta), no simplemente X veces el ancho de una sola columna.