Herramientas Diseño y Frontend Editor de Favicon e Íconos

Editor de Favicon e Íconos

Diseñá favicons e íconos pixel art desde cero con editor de píxeles y exportá como PNG o ICO.

🎨 Favicon Editor

Lápiz · Borrador · Relleno · Cuentagotas · Línea · Rectángulo — Atajos: P E F I L R
Privacidad: Todo corre en tu navegador. Ningún archivo se sube a ningún servidor.

Guía y Preguntas Frecuentes

¿Qué es el Editor de Favicon Pixel a Pixel?

Es una herramienta de dibujo pixel a pixel diseñada para crear favicons desde cero directamente en el navegador. Te permite trabajar en grillas de 16×16, 32×32, 48×48 o 64×64 px, elegir colores con opacidad variable, usar herramientas de lápiz, borrador, relleno por inundación, cuentagotas, línea y rectángulo, y exportar el resultado como .ico o .png.

Herramientas disponibles

  • Lápiz (P) — Pinta un píxel con el color de primer plano.
  • Borrador (E) — Elimina el color del píxel (transparencia total).
  • Relleno (F) — Relleno por inundación: colorea toda el área conectada del mismo color.
  • Cuentagotas (I) — Toma el color del píxel sobre el que hacés clic.
  • Línea (L) — Traza una línea recta entre dos puntos (algoritmo de Bresenham).
  • Rectángulo (R) — Dibuja el contorno de un rectángulo.

FAQ

¿Qué formatos puedo exportar?
PNG en el tamaño exacto del canvas, ICO multi-resolución con capas de 16×16 a 64×64 px (compatible con todos los navegadores), o un lote de cuatro PNG independientes en 16, 32, 48 y 64 px.
¿Las imágenes se suben a algún servidor?
No. Todo el procesamiento ocurre en tu navegador. Ningún píxel sale de tu dispositivo.
¿Puedo importar una imagen existente y editarla como pixelart?
Sí. Hacé clic en 'Elegir archivo' para cargar cualquier imagen (PNG, JPG, ICO, etc.). El editor la reescala automáticamente al tamaño del canvas y la convierte en una grilla editable pixel a pixel.
¿Qué hace la herramienta Cuentagotas?
Selecciona el color del píxel sobre el que hacés clic y lo establece como color de primer plano activo, listo para pintar.
¿Puedo deshacer cambios?
Sí. El editor guarda hasta 80 pasos de historial. Usá Ctrl+Z para deshacer y Ctrl+Y (o Ctrl+Shift+Z) para rehacer, o los botones del panel lateral.