Un sprite sheet de 128 por 64 dividido en ocho frames de 32 por 32, con un personaje ampliado que muestra bordes de píxeles nítidos con nearest-neighbor.
Ejemplo utilitario armado: una hoja de 4 columnas y 2 filas se convierte en ocho frames de 32 × 32. El escalado entero agranda los bloques de píxeles sin suavizado.
RESPUESTA DIRECTA

¿Por qué usar esto en lugar de un redimensionado normal de imagen?

La interpolación suave puede difuminar los bordes de los píxeles. Elegí acá un agrandamiento 2×, 4× o 8× por vecino más cercano. Mantené ambas dimensiones escaladas en 8192 píxeles o menos: cada eje tiene un tope independiente, lo que puede cambiar la relación de aspecto y la escala exacta.

ESPACIO DE TRABAJO EN VIVO

Trabajá en local. Exportá prolijo.

Esta utilidad funciona en tu navegador. Tus archivos quedan en tu dispositivo y no se usan créditos de generación.

Origen y ajustes01
Escala entera
Procesamiento local privado0 créditos
Elegí una imagen para empezar

La utilidad funciona en local. Tu arte no se sube y no se usan créditos.

EN EL JUEGO

Vé los assets como un juego.

Explorá jugabilidad, uso en dispositivos portátiles y diseños coordinados. Estos conceptos generados por IA ilustran posibilidades visuales; revisá tus propios recursos y las importaciones al motor antes de publicar.

Concepto de foto cenital generado con IA, con manos sosteniendo una consola portátil sin marca, y un ranger verde azulado y un RPG de bosque bien visibles en su pantalla.

Una mirada más de cerca al juego en portátil

Ves cómo se ve la misma escena del juego en una pantalla portátil, desde el personaje hasta los íconos más chicos de la interfaz.

Concepto de juego en casa generado con IA, con manos sobre un teclado y un mouse, y un RPG pixel art de bosque ocupando un monitor grande de escritorio.

Probá la escena en tu escritorio

Ves el personaje, el mundo y la interfaz juntos al tamaño de juego en escritorio.

Concepto de juego de plataformas en pixel art con un personaje avanzando por un nivel de castillo, plataformas, capas ambientales y efectos de acción.

Sprites en un nivel de desplazamiento lateral

Chequeá cómo las poses de animación, los obstáculos del primer plano y el contraste del fondo acompañan la acción.

Un ejemplo práctico

Redimensioná la demo sin bordes difuminados

Usá una entrada concreta, inspeccioná el resultado y revisá los límites actuales antes de elegir el siguiente paso.

Un sprite sheet de 128 por 64 dividido en ocho frames de 32 por 32, con un personaje ampliado que muestra bordes de píxeles nítidos con nearest-neighbor.
Ejemplo utilitario armado: una hoja de 4 columnas y 2 filas se convierte en ocho frames de 32 × 32. El escalado entero agranda los bloques de píxeles sin suavizado.

Entrada de ejemplo

Usá el PNG demo transparente de 128 × 64 de abajo como fuente.

Qué revisar

  1. Descargá la hoja de demo y elegila en el redimensionador.
  2. Seleccioná 4×. La salida esperada es de 512 × 256 píxeles; un píxel de origen ocupa un bloque de 4 × 4.
  3. Inspeccioná los bordes diagonales y las áreas transparentes, y después descargá el PNG.

Salida esperada

El ajuste 4× genera una copia nítida de 512 × 256 de esta fuente de 128 × 64.

Límites actuales

Los ajustes disponibles son 2×, 4× y 8×. El ancho y el alto de salida tienen un tope de 8192 píxeles cada uno, así que los archivos demasiado grandes pueden perder la escala o las proporciones solicitadas.

Referencias oficiales del flujo de trabajo

Consultá la documentación del motor o editor cuando prepares tu propia importación. Estas fuentes describen el comportamiento de archivos y reproducción, no constituyen una recomendación de PixelBox.

Editor y soporte

Contenido actualizado:

Publicado y mantenido por LlamaGen. Esta página describe los controles actuales de PixelBox y los formatos de exportación. Contactá al equipo si encontrás información incorrecta o un problema de exportación.

01 / POR QUÉ FUNCIONA

Hecho para producción, no solo para vistas previas.

01

Sin blur

La ampliación nearest-neighbor mantiene los bordes duros de los píxeles cuando el tamaño elegido se mantiene dentro del límite de salida.

02

Preajustes enteros

Elegí 2×, 4× o 8×. Las salidas por encima de 8192 píxeles en cualquiera de los ejes tienen tope, lo que puede cambiar la relación de aspecto.

03

Procesamiento local

Los archivos quedan en tu navegador y la transparencia se mantiene intacta.

02 / FLUJO DE TRABAJO

Del original a un resultado bien rotulado.

PASO 01

Subir arte

Elegí un sprite, ícono, tile o escena PNG, WebP o JPG.

PASO 02

Elegí una escala

Elegí un multiplicador entero e inspeccioná las dimensiones reales de salida.

PASO 03

Descargar PNG

Exportá una copia escalada nítida sin suavizado.

03 / FAQ

Aclarar términos antes de crear.

¿Por qué usar escalado entero?

Los múltiplos enteros le dan a cada píxel de origen la misma huella de salida, evitando bordes desparejos.

¿Conserva la transparencia?

Sí. Los archivos PNG y WebP transparentes conservan su canal alfa en la salida PNG.

¿Qué pasa si la imagen escalada supera los 8192 píxeles?

Cada dimensión de salida tiene un límite independiente de 8192 píxeles. Eso puede cambiar la relación de aspecto y romper el escalado entero exacto. Elegí un preset más chico o una fuente más chica para que ambas dimensiones escaladas queden dentro del límite.

¿Se sube mi imagen?

No. El redimensionado corre completamente en tu navegador.

SIGUIENTE EN LA TUBERÍA

Keep building the same world.

Seguí con la herramienta que encaje con tu próximo paso: preparar una referencia, revisar frames de animación o empaquetar un atlas para tu motor de juego.