Regla de tercios: líneas y puntos en píxeles

Puede usar el resultado para colocar guías de composición en un editor, una interfaz de cámara, una herramienta de recorte, un sistema de diseño o un flujo automatizado. Si una dimensión no es divisible entre tres, se conservan las fracciones para que el entorno de dibujo decida cómo representarlas.

Qué representan las coordenadas de la regla de tercios

Una cuadrícula de regla de tercios divide una imagen rectangular en tres columnas y tres filas iguales. Esta calculadora coloca las guías verticales a un tercio y dos tercios del ancho indicado, y las horizontales a un tercio y dos tercios del alto. Sus cruces forman cuatro puntos de referencia que suelen emplearse para situar un sujeto, un rostro, un detalle del horizonte u otro elemento visual principal. Las coordenadas parten de la esquina superior izquierda: x aumenta hacia la derecha e y hacia abajo. Es la convención habitual en gráficos ráster, lienzos web, navegadores y editores de imágenes. La respuesta conserva el ancho y el alto originales y separa las líneas verticales, las horizontales y las intersecciones para facilitar su consumo. No examina píxeles, no valora la composición, no recorta la imagen ni desplaza ningún elemento. Proporciona geometría determinista para que otra aplicación pueda dibujarla, almacenarla, compararla o usarla como orientación compositiva.

Cómo se tratan los píxeles fraccionarios y la validación

Cada coordenada se calcula directamente desde la dimensión completa, sin redondeos intermedios. Con 1200 píxeles de ancho, las guías verticales quedan exactamente en x 400 y 800. Con 1000 píxeles, quedan en 333.3333333333333 y 666.6666666666666 según la representación numérica de JavaScript. Conservar estas fracciones es importante porque los sistemas de renderizado se comportan de manera distinta: un lienzo vectorial admite posiciones subpíxel, mientras que un proceso ráster puede preferir redondear hacia abajo, hacia arriba, al entero más cercano o según el dispositivo. Imponer un redondeo dentro de la calculadora eliminaría esa elección y podría producir regiones exteriores de diferente tamaño. El ancho y el alto deben ser enteros positivos y finitos, pues describen dimensiones de una imagen ráster. Un valor cero se rechaza expresamente porque una imagen sin ancho o alto carece de área geométrica útil. También se rechazan valores negativos, fracciones, campos ausentes, cadenas, infinitos y datos no numéricos mediante un error de entrada no válida.

Cómo usar el resultado en editores y procesos automatizados

Para dibujar la cuadrícula, trace cada guía vertical desde y igual a cero hasta el alto completo en la coordenada x devuelta. Trace cada guía horizontal desde x igual a cero hasta el ancho completo en su coordenada y. Los cuatro puntos de intersección ya enumerados pueden convertirse en controles, objetivos, marcadores o referencias de ajuste sin calcular combinaciones adicionales. En una vista adaptable, realice el cálculo con las dimensiones reales en píxeles de la imagen, no con su tamaño CSS, y aplique a las coordenadas el mismo factor de escala usado para mostrarla. En un proceso de recorte, calcule las líneas sobre el rectángulo final una vez conocidas sus dimensiones, porque los tercios corresponden al encuadre definitivo. La función es pura y no utiliza red, aleatoriedad, marcas temporales, decodificación de imágenes ni estado guardado. Por ello, una misma entrada produce siempre el mismo JSON y resulta adecuada para herramientas web, validación de servidor, pruebas y procesos reproducibles. El navegador es gratuito; una solicitud API cuesta $0.002.