Generador de favicon gratis

Los navegadores ya no coinciden en un único tamaño, así que un set de favicon moderno cubre varios. Un par de PNG de 32x32 y 16x16 (incluidos dentro de favicon.ico) cubre pestañas y barra de marcadores en escritorio. Un PNG de 180x180 llamado apple-touch-icon.png es lo que usa iOS cuando alguien añade tu tienda a su pantalla de inicio. Un PNG de 192x192 y otro de 512x512 cubren las pantallas de inicio de Android y el aviso de instalación si un comprador añade tu tienda como acceso directo.

No hace falta que coloques cada etiqueta a mano. Este generador crea el set completo a partir de una sola subida y te da el HTML exacto para pegar en la sección head de tu tema, para que no falte nada ni sobre tamaño.

Un favicon en SVG se ve nítido a cualquier tamaño y algunos navegadores recientes lo usan directamente, pero el soporte sigue siendo irregular en navegadores antiguos, en clientes de correo que renderizan tu web y en la mayoría de vistas previas para redes. El patrón seguro es un set basado en PNG por defecto y el SVG como mejora, no como sustituto. Por eso esta herramienta exporta archivos PNG e ICO en lugar de solo SVG: funcionan en todas partes, hoy y sin pruebas adicionales.

Descomprime la descarga y sube los archivos a la carpeta de assets o a la raíz de tu tema, manteniendo los nombres tal cual. Pega el fragmento HTML del ZIP en la sección head del archivo de layout de tu tema, justo antes de la etiqueta de cierre. La mayoría de plataformas de tienda, incluida LaunchMyStore, tienen un campo dedicado para subir el favicon en los ajustes de tema o de marca, donde puedes soltar directamente el PNG de 512x512 en lugar de tocar código.

Vacía la caché de tu navegador o abre la tienda en una ventana privada después de subirlo. Los favicon se cachean con mucha insistencia, así que un icono antiguo tras un cambio casi siempre es cosa del navegador, no del archivo.