Grid Maker

Cuadrícula a una imagen

Superpone una cuadrícula precisa a una imagen — por columnas o espaciado exacto al píxel, cada línea configurable, exportación a resolución completa en PNG o JPG — la cuadrícula a una imagen, a tus reglas.

JPG · PNG · WebP100 % localCeldas cuadradas realesGratis · sin registro
Origen 1920×1080 → salida 1920×1080 · 12 × 7 celdas
Cuadrícula a una imagen

Todo ocurre en tu navegador: tus imágenes y ajustes nunca se suben a ningún sitio.

Cuadrícula a una imagen: precisión ante todo

Cuando añades una cuadrícula a una imagen, la precisión es la cuestión. Una maqueta de interfaz necesita líneas al ritmo de 8 píxeles de su sistema de espaciado; una hoja de sprites necesita celdas del tamaño exacto del tile; un escaneo o un gráfico pide una retícula de medida a escala conocida. Las cuadrículas por columnas son perfectas para proporciones; las de píxeles responden a la pregunta: ¿este elemento está de verdad donde debe estar?

Esta herramienta permite añadir una cuadrícula a una imagen de las dos maneras. El modo columnas divide la imagen en columnas iguales de cuadrados reales — 12 por defecto sobre la ilustración de ejemplo. El modo píxeles dibuja una línea cada N píxeles de origen, de 10 a 500, para que la cuadrícula se alinee con tu sistema de diseño o tu mapa de tiles y no con proporciones arbitrarias. La línea de información muestra siempre las dimensiones exactas de origen y salida más el recuento de celdas: lo que cuadriculas es lo que recibes.

El estilo de línea queda bajo control total: cualquier color hex, grosor de 1 a 10 píxeles y opacidad de 10 a 100 %, más etiquetas A1/B1 opcionales cuando la imagen sirve también de hoja de referencia. Las exportaciones se renderizan a resolución completa en tu navegador — PNG para píxeles exactos, JPG para compartir ligero. No se sube nada: la cuadrícula a una imagen queda en local.

Columnas o píxeles: cómo añadir la cuadrícula a una imagen

Usa el modo columnas cuando las proporciones importan más que el tamaño absoluto — cuadricular una referencia de dibujo, comprobar composición, dividir un banner en secciones equilibradas. Las celdas salen cuadradas perfectas, y el mismo número de columnas sobre otra imagen reproduce la misma estructura.

Usa el modo píxeles cuando la imagen vive dentro de un sistema. Diseñadores web y de apps cuadriculan a su escala de 4/8/12 px; artistas de sprites y tiles al tamaño exacto; mapas y análisis a una escala anotable. Añadir la cuadrícula a una imagen así es imprimir la regla exacta donde hace falta.

  • Cuadrícula a una imagen: comprobar sistemas de espaciado
  • Verificar sprites y tiles al píxel exacto
  • Medir gráficos y escaneos dentro de la imagen
  • Divirir ilustraciones en secciones iguales
  • Añadir una cuadrícula a una imagen para coordinarla

Estilar la cuadrícula a una imagen, de lo técnico a lo creativo

Las verificaciones técnicas suelen querer líneas calladas: gris neutro o pizarra a opacidad media, uno o dos píxeles, para que la imagen bajo la cuadrícula siga legible. Las superposiciones creativas — fondos de presentación, gráficos de fichas, plantillas sociales — toleran color y grosor más atrevidos, y el campo hex más el selector ponen cualquier color de marca a un clic para tu cuadrícula a una imagen.

La opción de etiquetas convierte la imagen cuadriculada en hoja direccionable. Las celdas se llaman A1, B1, C1 en horizontal y 1, 2, 3 en vertical — los comentarios de revisión y las notas de fabricación quedan sin ambigüedad cuando varias personas añaden una cuadrícula a una imagen en el mismo flujo.

Cuadrícula a una imagen: salida exacta, números honestos

Antes de descargar, la línea de lectura bajo la vista previa indica las dimensiones de origen, el tamaño final de exportación y la densidad en celdas. Si una imagen grande debe reducirse para respetar los límites seguros del navegador — 4096 píxeles, 12 megapíxeles — el aviso aparece antes de confirmar, no después.

Esa honestidad vale también para la geometría: las líneas nacen de las mismas coordenadas que la vista previa, re-renderizadas al tamaño de exportación, y el espaciado en píxeles siempre se refiere a píxeles de la imagen de origen. Añadir una cuadrícula a una imagen aquí es conseguir una celda de 100 px de 100 px — en la vista previa y en el archivo que conservas.

Añadir una cuadrícula a una imagen en 4 pasos

  1. Cargar la imagen

    Suelta un JPG, PNG o WebP de hasta 20 MB o empieza con la ilustración de ejemplo. La imagen se abre al instante en memoria local — lista para la cuadrícula a una imagen.

  2. Elegir el modo de la cuadrícula a una imagen

    Columnas para trabajo proporcional o píxeles para alineación de sistema — luego ajusta número o espaciado y observa la línea de información.

  3. Estilar y verificar

    Color, grosor, opacidad y etiquetas; comprueba origen, salida y recuento de celdas antes de exportar.

  4. Exportar a tamaño completo

    Tu cuadrícula a una imagen se exporta hasta 4096 px desde los píxeles de origen — local, instantáneo, sin marca de agua.

Por qué añadir la cuadrícula a una imagen aquí

Modo espaciado al píxel exacto

Una línea cada 10 a 500 píxeles de origen: añade la cuadrícula a una imagen que vive en un sistema y tiles, escalas y gráficos encajan exactos.

Cuadrícula a una imagen: lectura honesta de dimensiones

Origen, salida y recuento de celdas visibles antes de exportar, incluida cualquier reducción aplicada por límites de seguridad.

Etiquetas para equipos

Las direcciones A1/B1 opcionales convierten cada cuadrícula a una imagen en hoja de referencia citable celda a celda.

Flujo 100 % navegador

Decodificar, renderizar, codificar — todo en tu equipo. Añadir una cuadrícula a una imagen sin subirla es el camino más seguro.

Cuadrícula a una imagen: preguntas frecuentes

¿Diferencia entre modo columnas y modo píxeles?

El modo columnas divide la imagen en columnas iguales de cuadrados perfectos — ideal para proporciones. El modo píxeles traza líneas cada N píxeles de origen — ideal cuando la cuadrícula a una imagen debe casar con un sistema de espaciado o tiles.

¿Cómo cuadriculo a un tamaño exacto de píxel?

Cambia a modo píxeles y escribe la distancia en píxeles de imagen — por ejemplo 32 para tiles de 32 px. La línea de información muestra las celdas resultantes para verificar antes de exportar.

¿Cambia la cuadrícula a una imagen si la exportación se reduce?

El espaciado se define en píxeles de origen y escala proporcionalmente con la exportación: la estructura de la cuadrícula a una imagen es idéntica en vista previa y descarga — solo cambia el tamaño del archivo.

¿Puedo añadir etiquetas además de líneas?

Sí — activa las etiquetas y cada celda recibe una dirección A1 en tu color de línea. Aparecen en cuanto las celdas permiten leerse bien en la cuadrícula a una imagen.

¿Qué formato de exportación elijo?

PNG conserva píxeles exactos y es la opción segura para diseño y trabajo técnico. JPG da archivos ligeros — ambos formatos siguen a tu cuadrícula a una imagen.

Herramientas de cuadrícula relacionadas

El mismo motor preciso, ajustado para otra tarea.

Cuadrícula a una foto

Pon una cuadrícula a una foto — líneas blancas translúcidas por defecto, celdas cuadradas reales, exportación PNG o JPG y cero subidas — poner una cuadrícula a una foto, sin rodeos.

Cuadrícula transparente

Crea una cuadrícula transparente en PNG con canal alfa real — configura lienzo, tamaño de celda y estilo de línea, y descarga un calque listo para superponer.

Dibujar con cuadrícula

Divide cualquier foto de referencia en cuadrados iguales, con etiquetas A1/B1 opcionales, y exporta un PNG o un PDF imprimible — el método clásico, digitalizado.

Creador de cuadrículas

Un creador de cuadrículas gratis para dos trabajos: trazar cuadrículas cuadradas perfectas sobre cualquier imagen o generar papel milimetrado físicamente exacto — todo en tu navegador.

Papel milimetrado PDF

Genera papel milimetrado PDF multipágina con control total — formato, orientación, espaciado, márgenes, estilo de línea y hasta diez hojas en una descarga.