LumaTool
Procesamiento local

Generador de favicon

Generador de favicon creates favicon.ico, PNG favicons, Apple Touch Icon, Android Chrome icons, a site.webmanifest file, and copyable HTML tags from one local image.

Runs locallyNo uploadYour input is processed in your browser.

Generador de favicon

Crea favicon.ico, PNG, Apple Touch Icon, iconos Android, manifest, vistas previas, etiquetas HTML y ZIP en el navegador.

Qué es esta herramienta

A favicon generator prepares the small website icons used in browser tabs, bookmarks, mobile shortcuts, and PWA install screens. A complete favicon pack avoids the common problem of only shipping favicon.ico while missing Apple Touch Icon, Android icons, or manifest metadata.

Formatos admitidos

  • PNG images
  • JPG and JPEG images
  • WebP images
  • SVG logos and icons
  • Square source artwork is recommended
  • Large files should be kept under 10 MB for smooth browser processing

Archivos de salida

  • favicon.ico
  • favicon-16x16.png
  • favicon-32x32.png
  • apple-touch-icon.png 180x180
  • android-chrome-192x192.png
  • android-chrome-512x512.png
  • site.webmanifest
  • lumatool-favicon-pack.zip

Guía de tamaños

  • 16x16: browser tab favicon.
  • 32x32: high-density browser favicon.
  • 180x180: Apple Touch Icon for iOS shortcuts.
  • 192x192: Android and PWA launcher icon.
  • 512x512: high-resolution PWA icon.
  • favicon.ico: legacy browser compatibility.

Ejemplos de entrada

  • Company logo PNG
  • Personal blog avatar
  • SaaS product mark
  • SVG logo
  • Transparent square icon

Ejemplos de salida

  • favicon.ico
  • favicon-16x16.png
  • favicon-32x32.png
  • apple-touch-icon.png 180x180
  • android-chrome-192x192.png
  • android-chrome-512x512.png

Casos de uso

  • Prepare a complete favicon pack before launching a website.
  • Replace inconsistent legacy favicon files with a modern set.
  • Create mobile shortcut and PWA icons from the same source artwork.
  • Generate HTML tags that match the exported filenames.
  • Preview how a transparent logo behaves on light and dark surfaces.

Buenas prácticas

  • Start from high-resolution square artwork when possible.
  • Keep the subject centered and avoid tiny text inside small icons.
  • Use transparent backgrounds only when the mark remains visible on light and dark surfaces.
  • Use consistent file paths between exported files and HTML code.
  • After replacing favicons, clear browser cache or change filenames if the old icon remains visible.

Errores comunes

  • Uploading a low-resolution source and expecting sharp large icons.
  • Using artwork that touches the edge and gets clipped after rounding or cover mode.
  • Shipping only favicon.ico and forgetting Apple Touch Icon or manifest icons.
  • Leaving HTML paths that do not match the files in the public folder.
  • Not previewing 16x16 and 32x32 outputs before release.

Privacidad y procesamiento local

Tu archivo se procesa localmente en el navegador y no se sube a servidores de LumaTool. Decodificación, canvas, ICO, ZIP, manifest y HTML se generan en el cliente.

Ejemplos

Ejemplos de entrada

Entrada de ejemplo 
Company logo PNG
Personal blog avatar
SaaS product mark
Salida de ejemplo 
favicon.ico
favicon-16x16.png
favicon-32x32.png

Generador de favicon creates favicon.ico, PNG favicons, Apple Touch Icon, Android Chrome icons, a site.webmanifest file, and copyable HTML tags from one local image.

Ejemplos de salida

Entrada de ejemplo 
one source icon image
Salida de ejemplo 
favicon.ico
favicon-16x16.png
favicon-32x32.png
apple-touch-icon.png 180x180
android-chrome-192x192.png

Tu archivo se procesa localmente en el navegador y no se sube a servidores de LumaTool. Decodificación, canvas, ICO, ZIP, manifest y HTML se generan en el cliente.

Nota de privacidad

Tu archivo se procesa localmente en el navegador y no se sube a servidores de LumaTool. Decodificación, canvas, ICO, ZIP, manifest y HTML se generan en el cliente.

Cómo usar

  1. Paso 1. Sube una imagen o introduce rutas de iconos.
  2. Paso 2. Elige las opciones para tu web, app o PWA.
  3. Paso 3. Revisa vistas previas, archivos, manifest o código HTML.
  4. Paso 4. Descarga archivos, ZIP o copia el código generado.

Ejemplos reales

Prepare a complete favicon pack before launching a website

Prepare a complete favicon pack before launching a website.

Replace inconsistent legacy favicon files with a modern set

Replace inconsistent legacy favicon files with a modern set.

Create mobile shortcut and PWA icons from the same source artwork

Create mobile shortcut and PWA icons from the same source artwork.

Casos de uso

  • Prepare a complete favicon pack before launching a website.
  • Replace inconsistent legacy favicon files with a modern set.
  • Create mobile shortcut and PWA icons from the same source artwork.
  • Generate HTML tags that match the exported filenames.
  • Preview how a transparent logo behaves on light and dark surfaces.

Preguntas frecuentes

What favicon size do I need?

Use 16x16 and 32x32 PNG for browser tabs, 180x180 for Apple Touch Icon, 192x192 and 512x512 for Android and PWA, plus favicon.ico for compatibility.

Do I need favicon.ico and PNG icons?

Yes, for broad compatibility. Modern browsers handle PNG well, while favicon.ico still helps older and legacy contexts.

Is my image uploaded to the server?

No. El procesamiento ocurre en el navegador y el archivo no se sube a servidores de LumaTool.

Can I use SVG as input?

Yes. SVG input is sanitized and rendered locally before PNG and ICO outputs are generated.

Where should I put favicon files?

Place them in your website public root or another static folder, then make sure the generated HTML paths match.

Why does my browser still show the old favicon?

Browsers cache favicons aggressively. Clear cache, use a private window, or change the filename and HTML path.

¿Para qué sirve mejor Generador de favicon?

Generador de favicon sirve para tareas rápidas de herramientas de iconos desde el navegador, como revisar, convertir, limpiar o formatear datos.

¿Cómo se trata mi entrada?

Tu archivo se procesa localmente en el navegador y no se sube a servidores de LumaTool. Decodificación, canvas, ICO, ZIP, manifest y HTML se generan en el cliente.

Herramientas relacionadas

C

Conversor ICO

Convierte PNG, JPG y WebP a archivos favicon.ico de varios tamaños.

Herramientas de imagen Disponible Procesamiento local Sin subida Usar ahora G

Generador de iconos de app

Genera tamaños de icono para iOS, Android y PWA desde PNG, JPG, WebP o SVG con vista de zona segura.

Herramientas de iconos Disponible Procesamiento local Sin subida Usar ahora R

Redimensionador de iconos

Cambia PNG, JPG, WebP o SVG a tamaños cuadrados comunes con contain, cover, transparencia, fondo y ZIP.

Herramientas de iconos Disponible Procesamiento local Sin subida Usar ahora G

Generador de etiquetas favicon

Genera etiquetas head para favicon.ico, PNG favicon, Apple Touch Icon, manifest, theme-color y mask-icon.

Herramientas de iconos Disponible Procesamiento local Sin subida Usar ahora C

Conversor de imagen Base64

Convierte imágenes a Data URL Base64 y previsualiza contenido Base64.

Herramientas de imagen Disponible Procesamiento local Sin subida Usar ahora