Tamaños de pixel art explicados: 16x16, 32x32, 64x64 y 128x128 (guía gratis)

El pixel art de 16 por 16 es una cuadrícula de 256 celdas: 16 columnas, 16 filas, un color por celda. Ese número es el brief de diseño. Cada marca que colocas es una resta de un presupuesto fijo, y el presupuesto se define antes de que dibujes nada.

El tamaño decide el detalle antes de que dibujes un solo píxel. Una cuadrícula de 16x16 no puede contener un rostro legible. Una de 64x64 no puede contener una multitud. Esta guía cubre los cuatro tamaños que concentran la mayor parte del trabajo de juegos, íconos y fondos de pantalla - 16x16, 32x32, 64x64 y 128x128 - con la cantidad de celdas, el uso típico, el modo de fallo y el presupuesto de color de cada uno. También cubre las dos familias de cuadrículas a las que la gente suele referirse cuando dice «cuadrícula de pixel art»: las construcciones de bloques de Minecraft, donde la unidad es un bloque en lugar de un píxel, y las hojas de cálculo, donde la unidad es una celda.

Respuesta rápida: tamaño = presupuesto de detalle

Un tamaño de cuadrícula es un límite a la cantidad de marcas distintas que tienes. El 16x16 te da 256 celdas. El 32x32 te da 1024. El 64x64 te da 4096. El 128x128 te da 16 384. Ese es todo el presupuesto, y ya está gastado para cuando has bloqueado una silueta.

La consecuencia es que el detalle no es algo que agregas al final: es algo que la cuadrícula permite desde el principio. Un ojo cuesta de 2 a 6 celdas en 16x16. El mismo ojo en 64x64 puede costear una línea de párpado, un iris, una pupila y un único brillo especular - de 20 a 40 celdas. La misma característica, distinto costo, porque la cuadrícula cambió el denominador.

El relleno compite con todo lo demás. El cuerpo de un personaje en 16x16 se come de 60 a 120 celdas de color plano. Eso deja unas 130 celdas para el contorno, el rostro, las manos, un objeto sostenido y cualquier sombreado interior. Tres formas internas separadas no sobrevivirán. Dos sí, si se tocan.

16x16: personajes y objetos

Con 256 celdas, el pixel art de 16x16 es el tamaño más pequeño que todavía se lee como un personaje en lugar de un símbolo. La restricción es la silueta. Si el contorno exterior no es identificable por sí solo, nada de lo que hagas dentro de la cuadrícula lo arreglará, porque no hay espacio interior para explicar qué es la forma.

El método de trabajo es dibujar todo primero en un solo color plano y luego leer el contorno. Si una placa pectoral y un brazo se fusionan en un solo bulto, la pose está mal, no la paleta. Corrígelo en la pasada de color plano, donde un cambio te cuesta ocho celdas en lugar de un redibujado completo.

El 16x16 también se combina de forma natural con los mosaicos. Un conjunto de mosaicos se repite, así que el ojo deja de inspeccionar celdas individuales y empieza a leer patrón y ritmo. Esa es la única situación en la que una cuadrícula tan pequeña no es un compromiso.

Un objeto, una pose, una idea por cuadrícula: una espada, una poción, una moneda, un barril, un slime, un poste indicador, un mosaico de pared, una ranura de inventario. Los objetos planos con un contorno marcado y un color de acento son el punto ideal. Un escudo funciona porque la forma es una sola placa redondeada; en el momento en que agregas una correa, un umbo y un borde como tres formas interiores separadas, deja de leerse.

Rostros y texto. Un ojo más una boca son de 2 a 4 celdas antes de cualquier sombreado, y a ese tamaño una boca se lee como un píxel suelto en lugar de una expresión. Cualquier cosa con dos formas interiores que no se tocan - una poción con una línea de vidrio y una línea de líquido - se derrumba en una mancha. El texto de menos de unas 5 celdas de alto es ilegible; usa una fuente de interfaz aparte en lugar de dibujar letras en la cuadrícula.

32x32: sprites de juego

El 32x32 son 1024 celdas, y es el tamaño al que se dibujan la mayoría de los sprites de juegos 2D porque sostiene una pose legible sin exigir un retrato. Puedes separar la cabeza del torso, poner un arma en una mano, mostrar qué pierna va adelante y todavía te quedan celdas para una sombra de dos tonos en el cuerpo.

La cantidad de colores que lo acompaña: de 12 a 16 colores en total, y eso incluye el contorno. Un reparto viable es un color de contorno, tres o cuatro rampas de tres pasos cada una (base, sombra, brillo), uno o dos acentos y el transparente. La sombra de dos tonos significa que un color del cuerpo aparece al menos dos veces: una iluminado y otra sombreado. Si cada color de la paleta aparece exactamente una vez, has dibujado ruido, no forma.

El error: cuando un sprite de 32x32 se ve mal, la mayoría de la gente agrega un color. Eso no arregla nada, porque el defecto casi siempre es la silueta: una extremidad que no se separa del torso, o una cabeza exactamente tan ancha como los hombros. Redibuja el contorno en negro sólido y míralo. Si la forma negra no es identificable, ninguna paleta lo rescatará.

64x64: íconos y retratos

El 64x64 son 4096 celdas, y es el primer tamaño de esta lista en el que un rostro es un rostro y no un símbolo. Un ojo ahora recibe de 8 a 20 celdas: un blanco del ojo, un iris, una pupila, una línea de párpado y un brillo especular. Ese brillo es la razón por la que los retratos en 64x64 funcionan y los de 32x32 no: en 32x32 no hay ni una celda libre para él.

Lo que cambia a este tamaño es qué parte del dibujo sostiene la lectura. En 16x16 la sostiene el contorno. En 64x64 la sostiene el sombreado. Ahora dibujas forma, así que necesitas rampas: de 3 a 5 pasos por material, y cada material se queda en su propia rampa. La piel iluminada por la misma lámpara que el acero solo se verá consistente si la rampa del acero tiene más contraste que la de la piel. El metal se lee como metal por el salto de valor, no por el tono.

Dónde falla: las multitudes. El 64x64 es un solo sujeto. Dos figuras que comparten la cuadrícula reciben unas 2000 celdas cada una, lo que vuelve a ser los problemas del 32x32 con peor composición. Reserva el 64x64 para un solo sujeto y gasta las celdas sobrantes en un fondo de contraste deliberadamente bajo, para que el sujeto se separe por valor y no por color.

128x128: fondos de pantalla y escenas

El 128x128 son 16 384 celdas. A este tamaño, un solo sprite deja de ser el sujeto y pasa a ser un objeto dentro de una composición. Un personaje que ocupa un tercio del lienzo mide aproximadamente 42x128 - unas 5300 celdas - y todo lo demás en la cuadrícula es entorno: suelo, cielo, arquitectura, accesorios.

La parte contraintuitiva es que una cuadrícula grande necesita menos colores por objeto, no más. En 16x16 podrías gastar 12 colores en un personaje porque los 12 hacen trabajo estructural. En 128x128, seis objetos con 12 colores cada uno son 72 colores compitiendo, y el ojo no distingue qué está en primer plano. El trabajo de escena a este tamaño suele mantener cada objeto en una rampa de 4 a 6 colores y separar los objetos por bandas de valor - primer plano oscuro, plano medio, cielo claro - en lugar de por tono.

Los ajustes técnicos importan más aquí que en los tamaños pequeños. Dibuja a 1x y haz zoom a 2x o 3x, nunca un zoom suave. Cuando exportes para un fondo de pantalla, amplía solo por números enteros: 2x, 3x, 4x. Una ampliación de 2,5x produce píxeles de ancho desigual y la cuadrícula deja de parecer deliberada.

Cantidad de colores por tamaño

La regla que sorprende: a medida que la cuadrícula crece, la paleta suele encogerse por elemento. Las cuadrículas pequeñas fuerzan la reutilización - un color que sirve de contorno, sombra y cabello - y esa reutilización es justo lo que hace que el arte de 16x16 se vea coherente. Las cuadrículas grandes te tientan con un color único para cada superficie, y el resultado se lee como una fotografía con la resolución bajada.

El número que importa no es el tamaño total de la paleta, sino los colores por elemento. Un sprite de 32x32 con 16 entradas de paleta repartidas en 4 elementos es coherente. Una escena de 128x128 con 24 entradas en total puede verse rica si esas entradas se asignan por valor - oscuro, medio, claro - y se reutilizan entre objetos.

La razón mecánica es que el pixel art se lee por contraste adyacente. Dos celdas vecinas que difieren en valor crean un borde. Dos celdas vecinas que difieren en tono pero coinciden en valor crean una papilla. Agregar un color sin agregar contraste de valor gasta una casilla de la paleta y no compra ninguna forma legible, por eso «se ve plano» suele ser un problema de valor y no de tono.

Pixel art y cuadrículas de Minecraft

El pixel art de Minecraft se mide en bloques, no en píxeles. Un bloque es una celda de la imagen. Un sprite de 16x16 se convierte en una pared de 16x16 bloques: 256 bloques, una construcción que puedes terminar en una tarde. El mismo sprite en 64x64 son 4096 bloques, que es otro tipo de proyecto con otro tipo de compromiso.

La correspondencia importa porque un bloque no es un píxel. Un píxel es un color plano que eliges. Un bloque es un color plano con textura e iluminación incorporadas: la lana y el concreto del mismo color nominal no se leen igual a distancia, y las texturas de bloques recargadas añaden ruido que un píxel nunca tendría. Por eso una foto necesita más bloques que un dibujo: una foto lleva degradados, y un degradado cuesta celdas. En 32x32 un rostro se convierte en lodo con bloques; en 64x64 o 128x128 las formas sobreviven al ruido de la textura.

La cuadrícula de construcción frente a la cuadrícula de arte es una distinción aparte. Una cuadrícula de arte es plana por definición: una celda, un color, sin profundidad. Una cuadrícula de construcción es tridimensional: puedes colocar bloques a cualquier altura, y la cuadrícula solo aparece donde miras una superficie plana. Eso crea una decisión que un editor ráster nunca plantea: qué va detrás de la imagen. Una pared de fondo en un bloque de baja saturación hace que el sujeto se lea; dejar la imagen flotando para que el terreno se vea por los huecos se lee como daño.

Pixel art en hojas de cálculo y Google Sheets

En una hoja de cálculo, una celda es un píxel. La cuadrícula es todo lo que la hoja permita y todo lo que estés dispuesto a desplazar. Una imagen de 32x32 son 1024 celdas. Una imagen de 64x64 son 4096. Una imagen de 128x128 son 16 384 celdas: mostrable, pero tediosa de introducir a mano.

El formato condicional es la paleta. Escribes reglas que pintan una celda según su valor y luego escribes una letra o un número en cada celda para seleccionar un color. La alternativa es el relleno manual, más simple de configurar pero que no te deja forma de recolorear toda la pieza editando una sola regla. Si piensas revisar el arte, usa reglas. Si es algo puntual, los rellenos son más rápidos.

La vía de la hoja de cálculo es de verdad la herramienta correcta en dos casos. Colaboración: las hojas se comparten de forma nativa, varias personas pueden editarlas a la vez y hay un historial de cambios, mejor que enviarse un PNG de un lado a otro. Cuadrículas basadas en datos: el color de una celda se puede calcular con una fórmula, así que la pieza puede reaccionar a un número, algo que ningún editor ráster hace. Es la herramienta equivocada para la animación. Una hoja no tiene fotogramas, ni papel cebolla, ni línea de tiempo. Animar en una hoja significa duplicar la cuadrícula e intercambiar rangos, y después de unos dos fotogramas eso es más lento que cualquier editor dedicado.

Herramientas gratis para cada tamaño

Elige según lo que ya tienes, no según la lista de funciones. Si tienes una foto y necesitas una silueta de partida, usa el conversor. Si tienes una página en blanco y un tamaño fijo, usa el creador. Si no tienes idea de qué dibujar, usa el generador. Todos producen una cuadrícula que puedes seguir editando en otro sitio.

Cada herramienta tiene su propia página; esta sección es solo el enrutamiento.

Mira un mundo 16x16 en 3D

Un mosaico de 16x16 son 256 celdas y, en un mundo 3D, se convierte en una textura. Las texturas de ese tamaño solo se mantienen nítidas si las filtras correctamente. En términos de Three.js: ajusta magFilter y minFilter de la textura a NearestFilter y desactiva los mipmaps en los objetos que quieras nítidos de cerca; mantén los mipmaps activados para el terreno lejano, o la cuadrícula del suelo parpadeará cuando la cámara se mueva. Ese es el compromiso en el extremo pequeño del rango: el filtrado de vecino más cercano mantiene los píxeles legibles a dos metros y produce aliasing a cincuenta.

The Cyclops' Island funciona casi por completo con mosaicos de cuadrícula pequeña: árboles, rocas, la costa, accesorios y objetos, cada uno dibujado en 16x16 o 32x32 y reutilizado en toda la escena. Mini World usa el mismo enfoque con una huella más pequeña por objeto. Los sprites salen de Agent Sprite Forge, se empaquetan en un atlas y el constructor de juegos 3D los coloca como objetos, que es donde una descripción escrita se convierte en una disposición jugable.

El beneficio es aritmético, no estético. En 16x16 pierdes la capacidad de dibujar un rostro concreto y ganas un mosaico que puedes permitirte repetir. 256 celdas multiplicadas por unas pocas docenas de mosaicos es un lugar. 16 384 celdas multiplicadas por unas pocas docenas de mosaicos es un proyecto que nadie termina. Cuando mires la escena de abajo, mira el suelo y los accesorios en lugar del cielo: el suelo es donde la cuadrícula se ve.

Entra al mundo al que pertenece

Un sprite es un personaje sin un lugar donde estar. El último paso es el que nadie más ofrece: toma la hoja que acabas de crear y ponla en un mundo por el que alguien pueda caminar — una isla pequeña, un planeta, una esquina lluviosa. Cada mundo de este sitio se hizo a partir de una sola descripción escrita y se publicó como una página que puedes jugar.

FAQ