Guía de Usuario de ToPixel

El Convertidor de Píxeles transforma tus imágenes en pixel art.

Cómo usarlo

**Paso 1: Subir una imagen**

• Abre la página del "Convertidor de Píxeles"
• Sube una imagen usando cualquiera de estos métodos:
• Haz clic en el botón "Elegir archivo" para seleccionar desde tu dispositivo
• Arrastra y suelta una imagen en el área de carga
• Presiona Ctrl+V para pegar una imagen del portapapeles
• Formatos compatibles: PNG, JPEG, WebP, hasta 10MB

**Paso 2: Recortar la imagen**

• Después de subir, aparece automáticamente un diálogo de recorte
• Arrastra el recuadro de recorte para moverlo, o arrastra las esquinas y bordes para cambiar el tamaño
• Acciones rápidas:
• "Imagen completa" — selecciona toda la imagen
• "Cuadrado central" — selecciona automáticamente un cuadrado del centro
• Haz clic en "Confirmar" cuando termines, o confirma directamente para usar la imagen completa

**Paso 3: Pixelación automática**

• Después de confirmar el recorte, la pixelación comienza automáticamente
• Aparece una animación de carga durante el procesamiento
• Si aparece una barra amarilla en la parte superior, el motor de procesamiento aún se está cargando

**Paso 4: Ajustar el resultado**

Usa el panel de configuración a la derecha para refinar:

• **Pestaña Configuración**:
• Cuadrícula uniforme — controla si las cuadrículas de píxeles son uniformes
• Bloquear borde largo de salida — activa para especificar el número de píxeles del borde largo (2–256px)
• **Pestaña Ajustes**:
• Tamaño de salida — desliza para reducir el tamaño; menos píxeles = resultado más pequeño
• Paleta — elige una tarjeta de color para mapear los colores de la imagen. Las tarjetas están agrupadas por marca (CoCo, DoDo, MARD, etc.) con diferentes cantidades de colores
• Límite de fusión de colores — aparece al seleccionar una paleta; controla el número máximo de colores usados
• **Pestaña Colores**:
• Ve cuántos colores y píxeles totales hay en el resultado
• Muestra la vista previa, número de paleta y conteo de uso de cada color

**Paso 5: Vista previa y exportación**

• Alterna entre "resultado pixelado" e "imagen original" con el botón superior izquierdo de la vista previa
• Alterna la cuadrícula de píxeles con el botón superior derecho
• Haz clic en la vista previa para ampliar y ver detalles

Opciones de exportación:

• **Descargar PNG** — haz clic en el botón de descarga abajo a la derecha, recorta el área y descarga
• **Exportar Blueprint** — requiere una paleta seleccionada. Genera un blueprint de referencia con cuadrícula, coordenadas, números de color y estadísticas. Compatible con resolución 2K/4K/8K
• **Guardar en Galería** — haz clic en el botón de marcador abajo a la izquierda (requiere inicio de sesión y suscripción de pago)
• **Importar al Editor** — envía el resultado al editor de píxeles para más edición (requiere paleta seleccionada)

**Paso 6: Reprocesar**

• Haz clic en "Reprocesar" abajo para volver a pixelar con la configuración actualizada
• También puedes arrastrar una nueva imagen al área superior del resultado para reemplazar la imagen actual

El Convertidor AI primero usa IA para reestilizar tu imagen y luego la convierte automáticamente en pixel art.

Cómo usarlo

**Paso 1: Elegir una plantilla de estilo**

• Abre la página del "Convertidor AI de Píxeles"
• Se muestran 3 plantillas de estilo AI — haz clic para elegir:
• Chibi Cartoon — estilo cabezón kawaii con píxeles más gruesos
• Cartoon Detallado — estilo anime más refinado
• Chibi Pixel A — estilo kawaii con contornos de píxeles gruesos

**Paso 2: Subir imagen fuente**

• Los mismos métodos de carga que el Convertidor de Píxeles: clic, arrastrar o pegar
• Puedes recortar la imagen en la vista previa después de subirla
• Formatos: PNG, JPEG, WebP, hasta 10MB

**Paso 3: Iniciar generación AI**

• Con tu imagen y estilo seleccionados, haz clic en "Iniciar generación AI"
• Cada generación cuesta 1 crédito — tus créditos disponibles se muestran junto al botón
• El procesamiento AI suele tardar unos segundos a un minuto
• Si no tienes suficientes créditos o acceso, aparecerá una guía

**Paso 4: Revisar el resultado AI**

• Después de completarse la generación AI, la pixelación se ejecuta automáticamente
• Puedes recortar el resultado AI y hacer clic en "Re-pixelar" para reprocesar con el área recortada
• También puedes descargar la imagen AI original con el botón de descarga en el área de resultado AI

**Paso 5: Ajustar y exportar**

Después de la pixelación, las opciones son las mismas que el Convertidor de Píxeles:

• Seleccionar paleta, ajustar tamaño de salida, revisar estadísticas de color
• Descargar PNG, exportar blueprint, guardar en galería o importar al editor

**Historial**

• Un panel de historial a la derecha (cajón en móvil) registra todos tus resultados de conversión AI anteriores
• Haz clic en cualquier entrada del historial para restaurar ese estado y continuar
• Puedes eliminar entradas individuales o limpiar todo el historial

El Editor de Píxeles es una herramienta completa de edición de pixel art en el navegador. Puedes crear desde cero o importar resultados de los convertidores para refinar.

Crear un Lienzo

• Haz clic en "Nuevo Lienzo"
• Elige entre 10 tamaños preestablecidos (32×32 a 160×160), o marca "Personalizado" para ingresar cualquier tamaño (8–256px)
• Si hay cambios sin guardar, se te pedirá confirmación

Herramientas de Dibujo

El editor ofrece 10 herramientas de dibujo con atajos de teclado:

Sistema de Colores

• **Selección de Paleta** — elige una tarjeta de color para mostrar todos sus colores
• **Panel de Paleta** — muestra todos los colores de la tarjeta seleccionada; haz clic para usar un color
• **Colores Usados** — lista los colores realmente usados en el lienzo, ordenados por uso. Puedes seleccionar, eliminar o resaltar colores en el lienzo
• **Colores Personalizados** — usa el selector de color del sistema o ingresa un valor HEX
• **Colores Rápidos** — 20 colores preestablecidos en la parte inferior

Gestión de Capas

El panel de capas muestra todas las capas — la capa superior se renderiza encima:

• **Añadir Capa** — haz clic en el botón "+"
• **Cambiar Capa** — haz clic en una capa para hacerla la capa activa
• **Mostrar/Ocultar** — haz clic en el icono del ojo para alternar
• **Bloquear Capa** — las capas bloqueadas están protegidas de edición
• **Renombrar** — haz clic en el icono del lápiz
• **Reordenar** — mueve capas arriba o abajo en la pila
• **Eliminar** — elimina una capa (debe quedar al menos una)

Dibujo Simétrico

Elige un modo de simetría desde la barra de herramientas a la derecha:

• Ninguno — dibujo normal
• Horizontal — espejo a lo largo de la línea central vertical; un trazo dibuja izquierda y derecha
• Vertical — espejo a lo largo de la línea central horizontal
• Cuádruple — espejo horizontal + vertical; un trazo dibuja en cuatro posiciones

Herramientas de Selección

Cinco herramientas de selección:

• **Rectangular** — arrastrar para crear selección rectangular
• **Elíptica** — arrastrar para crear selección elíptica
• **Varita Mágica** — clic para seleccionar automáticamente una región de color similar
• **Lazo** — dibujo a mano alzada para selección irregular
• **Polígono** — clic punto por punto para construir un polígono

Después de seleccionar puedes:

• Eliminar píxeles dentro de la selección
• Mover la selección o los píxeles dentro de ella
• Ver información de la selección: conteo de píxeles y color central

Recortar

• **Recorte de Capa** — recorta solo el contenido de la capa activa
• **Recorte de Lienzo** — redimensiona todo el lienzo, afectando todas las capas
• Arrastra para definir el área de recorte y usa las asas para ajustar

Controles de Visualización

La barra de estado inferior ofrece:

• **Cuadrícula** — superpone líneas de cuadrícula de píxeles en el lienzo
• **Ejes** — muestra números de filas/columnas en los bordes
• **Números de Color** — muestra el número de paleta en cada celda de píxel
• **Zoom** — usa botones o rueda del ratón para ajustar; pellizcar para zoom en móvil
• **Coordenadas** — muestra la posición del cursor en el lienzo en tiempo real

Deshacer y Rehacer

• El historial se guarda automáticamente después de cada acción, hasta 50 pasos de deshacer
• Los botones de deshacer/rehacer están en la barra de herramientas

Guardado de Borradores

• Haz clic en el botón "Borrador" para guardar el estado de edición actual
• La lista de borradores muestra miniatura, nombre, hora de guardado, tamaño del lienzo y número de capas
• Puedes renombrar, eliminar o limpiar todos los borradores
• Un punto rojo aparece en el botón de borrador cuando hay cambios sin guardar
• Guardar borradores requiere inicio de sesión con email verificado

Exportación de Blueprint

Genera una imagen de referencia para creación física:

• **Resolución** — 2K, 4K, 8K o personalizada (1024–16384px)
• **Opciones de Blueprint**:
• Mostrar Cuadrícula — superpone líneas de cuadrícula
• Mostrar Coordenadas — etiqueta filas y columnas en los bordes
• Mostrar Números de Color — muestra el número de paleta en cada celda (requiere paleta)
• Mostrar Estadísticas de Color — muestra conteo y porcentaje de uso (requiere paleta)
• Exportar Espejo — exporta una versión volteada horizontalmente
• **Modo Solo Imagen** — exporta solo el pixel art sin anotaciones; fondo blanco o degradado opcional
• Los usuarios gratuitos están limitados a resolución 2K con marca de agua
• Vista previa de tamaño de salida, factor de zoom y tamaño estimado de archivo

Importar desde Convertidores

• Haz clic en "Convertir" en el editor para abrir el banco de trabajo
• El banco de trabajo tiene pestañas para "Convertidor" y "Convertidor AI"
• Después de convertir, elige "Importar al Lienzo Actual" o "Importar a Nuevo Lienzo"
• También puedes hacer clic en "Importar al Editor" desde las páginas de los convertidores — los resultados se transfieren automáticamente

La Galería te permite gestionar y explorar todas tus obras de pixel guardadas.

Requisitos de Acceso

Usar la Galería requiere inicio de sesión y una suscripción de pago Lite o superior.

Tipos de Obras

La Galería contiene tres tipos:

• **Pixel Art** — obras guardadas desde el Convertidor de Píxeles
• **AI Redraw** — obras guardadas desde el Convertidor AI
• **Blueprints** — obras de blueprint exportadas

Navegación y Búsqueda

• **Buscar** — escribe una palabra clave para buscar por título y descripción
• **Filtro por Tipo** — haz clic en las pestañas "Todos", "Pixel Art", "AI Redraw" o "Blueprints" para filtrar; cada pestaña muestra el conteo
• **Ordenar** — elige "Más recientes", "Más antiguos" o "Por título" desde el menú desplegable

Acciones sobre Obras

• **Vista previa** — haz clic en una tarjeta para abrir la ventana de vista previa con imagen grande y detalles (tamaño, conteo de colores, paleta, fecha de creación, etc.)
• **Descargar** — pasa el cursor sobre una tarjeta para revelar el botón de descarga en la esquina superior derecha
• **Eliminar** — pasa el cursor para revelar el botón de eliminar en la esquina inferior derecha; confirma para eliminar
• **Vista 3D** — las obras de pixel art admiten vista previa 3D con efectos de cuentas o planchado; rota y haz zoom para inspeccionar

Operaciones por Lotes

• Haz clic en "Seleccionar" junto a la barra de filtros para entrar en modo de selección múltiple
• Seleccionar todo, invertir selección, descarga por lotes o eliminación por lotes
• La barra de herramientas muestra cuántos elementos están seleccionados

Estado Vacío

Si tu galería está vacía, aparecerán botones de acceso rápido al Convertidor de Píxeles o al Convertidor AI para crear tu primera obra.

Los códigos de canje otorgan créditos gratuitos y beneficios de suscripción Lite.

Qué Obtienes

Cada código de canje incluye:

• **Créditos Permanentes** — sin fecha de vencimiento (pero requieren una suscripción activa para usarlos)
• **Suscripción Lite** — acceso temporal a Lite que desbloquea funciones como la Galería

El resultado depende de tu estado de cuenta actual:

• Si eres usuario Pro — recibes solo créditos; tu suscripción no cambia
• Si eres usuario Lite — recibes créditos y se extiende tu suscripción Lite
• Si no tienes suscripción — recibes créditos y se activa una nueva suscripción Lite

Cómo Conseguir Códigos de Canje

• Haz clic en "Obtener código de canje" en tu página de perfil para ir a la página de distribución
• Los códigos se distribuyen a través de eventos y canales oficiales

Método 1: Canje Rápido (Sin Inicio de Sesión)

Para nuevos usuarios sin cuenta:

Método 2: Canje en Perfil (Requiere Inicio de Sesión)

Para usuarios que ya tienen cuenta:

Notas:

• Debes completar la verificación de email antes de canjear
• Cada código solo se puede usar una vez
• Los códigos expirados o ya usados no se pueden canjear de nuevo