Upscaler de pixel art: escala entera con bordes nítidos

Amplía el pixel art de 1 a 20 veces con muestreo de vecino más cercano: cada celda se convierte en un cuadrado mayor, sin interpolación y sin suavizar los bordes.

Seleccionar imagen

Suelta la imagen aquí · Admite ampliaciones de 1 a 20x

1–20
aumento entero
0
subidas (todo en el navegador)

Qué hace el upscaler

Un upscaler de pixel art copia cada píxel existente en un bloque N×N del mismo color, de modo que la salida es N veces mayor mientras el contenido sigue siendo idéntico píxel a píxel. Ese método es el muestreo de vecino más cercano: replica, no mezcla, así que los bordes de cada cuadrado siguen rectos.

La ampliación de imágenes normal usa interpolación bilineal o bicúbica, que calcula colores intermedios a partir de los píxeles vecinos y suaviza todos los bordes. Si pasas pixel art por ahí, los bloques de color limpios ganan un halo de tonos intermedios; para volver al aspecto de píxeles hay que cuantizar la imagen otra vez. Como el daño queda fijado en cada copia futura, conviene conservar un original intacto y escalar siempre desde ese archivo, en lugar de escalar una captura ya escalada.

Especificaciones y límites

Cuatro puntos definen cómo se comporta la ampliación:

AlgoritmoReplicación por vecino más cercano a escala entera, sin colores intermedios.
Rango de escalaDe 1x a 20x, solo números enteros. 1x sirve para comparar con el original; 2x, 4x y 8x cubren la mayoría de las necesidades de visualización.
Longitud máxima por ladoLimitada por el lienzo del navegador: 32767 píxeles por lado, que bajan a 16384 píxeles cuando el tamaño mayor no está disponible.
SalidaUn PNG con el canal alfa intacto, nombrado con el factor de escala (por ejemplo, upscaled-4x).

El límite se aplica por lado y no al área total: una imagen de 1000×1000 a 20x se convierte en 20000×20000, por encima del límite alternativo de 16384, así que reduce primero el original o baja el factor.

Factores de escala y tamaños de salida

La longitud de salida por lado es la longitud de entrada multiplicada por el factor. La tabla pone factores habituales junto a tres tamaños de entrada para que puedas estimar la memoria antes de empezar:

EscalaEntrada de 16×16Entrada de 32×32Entrada de 64×64
2×32×3264×64128×128
4×64×64128×128256×256
8×128×128256×256512×512
10×160×160320×320640×640
20×320×320640×6401280×1280

Duplicar la longitud del lado cuadruplica el número de píxeles. A 20x el lado es 20 veces más largo, pero el número de píxeles es 400 veces mayor, y es justo ahí donde aparecen los problemas de lienzo y de memoria del navegador.

Cinco pasos para ampliar una imagen

  1. 1

    Selecciona o suelta una imagen

    Se aceptan los formatos de imagen habituales. Prefiere el recurso de píxeles original antes que una captura: las capturas suelen haber pasado por la compresión y el remuestreo de una plataforma, así que ampliarlas produce bloques desiguales.

  2. 2

    Ajusta el factor de escala

    Empieza en 1x para confirmar la base y sube después el factor hasta el tamaño de visualización que necesites. Solo los factores enteros mantienen todos los píxeles de origen del mismo tamaño; un factor fraccionario produce columnas y filas de anchos distintos.

  3. 3

    Compara el original y el resultado

    Mira el original y el resultado uno al lado del otro y confirma que los bordes son ángulos rectos limpios y no franjas grises. Las transiciones suaves visibles indican que el original ya se interpoló en algún momento anterior, así que vuelve al archivo original en lugar de ampliar una captura que ha perdido su cuadrícula.

  4. 4

    Comprueba el límite de tamaño

    Multiplica la longitud del lado del original por el factor. Cerca de 16384 o 32767, baja primero el factor. Cuando el objetivo supera el límite del lienzo, la herramienta lo indica en lugar de generar una imagen en blanco.

  5. 5

    Descarga el PNG

    El PNG descargado conserva la transparencia y se puede usar directamente en archivos de diseño, documentos o un proyecto de juego. Para cambiar el contenido de píxeles en sí, llévalo de vuelta al generador de pixel art o al editor.

Originales buenos y malos

Bueno: iconos y personajes de píxeles

Los iconos, sprites y personajes de 16×16 a 64×64 siguen siendo cuadrados de bordes duros tras la ampliación, lo que encaja en imágenes para mostrar, ilustraciones de tutoriales y material de impresión.

Bueno: capturas de patrones de cuentas

Ampliar una imagen de patrón exportada escala a la vez las líneas de cuadrícula y los bloques de color, lo que ayuda al proyectarla o al fijarla en la pared mientras colocas cuentas. Para cambiar la maqueta, exporta de nuevo desde el editor en lugar de ampliar una captura.

Malo: fotos y degradados

Una foto no tiene una cuadrícula de píxeles real, así que ampliarla solo produce bloques grandes de color y el detalle no vuelve nunca. Para conseguir un aspecto de píxeles, reduce primero la resolución y cuantiza los colores en el generador de pixel art.

Páginas relacionadas

Preguntas frecuentes

¿Por qué el resultado sigue saliendo a bloques en lugar de más nítido?

El pixel art debe su claridad a los bordes de los bloques, no a un detalle extra. La ampliación por vecino más cercano copia cada bloque más grande, así que se ve nítido, pero no puede inventar píxeles que el original nunca tuvo. Más detalle exige redibujar o reconvertir con una cuadrícula más fina, no un multiplicador mayor.

¿Cuál es el factor de escala máximo?

De 1x a 20x, solo números enteros. Un factor fraccionario copiaría píxeles de origen distintos en columnas de anchos distintos y produciría celdas desiguales, así que no se ofrece. Para mostrar la imagen, 4x u 8x suele bastar.

¿Por qué la herramienta indica un límite de tamaño del lienzo?

Un lienzo del navegador admite unos 32767 píxeles por lado, y algunos entornos solo 16384. El lado de salida es el del original multiplicado por el factor, así que por encima de ese valor no se puede reservar memoria y la herramienta se detiene con un mensaje en lugar de exportar una imagen parcial. Baja el factor, divide el original en mosaicos o recórtalo primero.

¿Se conserva el fondo transparente?

Sí. La ampliación copia los colores de los píxeles, incluido el alfa, así que el PNG exportado mantiene su transparencia y se puede superponer sobre cualquier cosa. Si el original tiene bordes semitransparentes, esos píxeles también pasan a ser cuadrados completos, solo que con la misma opacidad parcial.

¿Se puede usar la imagen ampliada como patrón de cuentas?

No. El escalado solo cambia las dimensiones; las celdas no llevan códigos de color, ni tabla de colores, ni recuentos de cuentas. Para montar cuentas, cuantiza la imagen a la paleta de una marca en el generador de patrones de cuentas, o abre un patrón existente en el editor para leer sus códigos.

¿Se sube mi imagen a algún sitio?

No. La carga, el escalado y la descarga se ejecutan en el navegador sobre un lienzo, así que el archivo no sale de tu dispositivo y no queda copia alguna al cerrar la página. Las imágenes grandes consumen memoria local, y por eso los factores altos pueden provocar un aviso de memoria agotada.

¿En qué formato se descarga?

En PNG, con el factor en el nombre del archivo, por ejemplo upscaled-4x, para que las distintas versiones de una misma imagen sigan siendo distinguibles. Si necesitas JPG o WebP, convierte la descarga después, teniendo en cuenta que JPG no guarda transparencia y puede añadir artefactos de compresión alrededor de los bloques de color duros, que es justo lo que el pixel art no quiere.

¿Los bordes dentados son un fallo?

No. Los bordes dentados son los propios bloques de píxeles y son el aspecto esperado del pixel art. Lo que sí merece atención es una franja o un degradado gris a lo largo de un borde, que indica que el original se interpoló antes; vuelve a un original sin comprimir antes de ampliar.

Elige una imagen para ampliar

Amplía pixel art de 1x a 20x en el navegador con muestreo de vecino más cercano, exportado como PNG transparente, sin subir la imagen original.

Convierte antes una foto en pixel art