Drop a logo or image here, or click to choose
A square image of at least 512 × 512 px gives the sharpest results. SVG is best of all.
Convierte un logotipo o una imagen en un conjunto completo de favicon: favicon.ico, tamaños PNG, un icono de Apple touch, iconos de Android y maskable, un manifiesto web y las etiquetas HTML para pegar. Todo se dibuja en tu navegador, y un origen SVG también obtiene un favicon.svg nítido.
Suelta un logotipo o una imagen en la página, haz clic para elegir uno o pégalo con Ctrl+V. Sirven PNG, JPG, SVG, WebP, GIF, AVIF, ICO y HEIC.
En Ajuste, elige Ajustar la imagen completa o Recortar a cuadrado, y activa Recortar bordes vacíos si el logotipo tiene márgenes transparentes.
En Estilo del icono, define el Fondo (Ninguno, Sólido o Degradado), la Forma y el Relleno mientras miras las vistas previas de la pestaña del navegador y de la pantalla de inicio.
Completa los Datos del sitio (nombre del sitio, nombre corto, color del tema, URL de la carpeta de iconos) y elige los tamaños en Salida.
Haz clic en Descargar paquete (ZIP), sube los archivos a tu sitio y copia las etiquetas de Pegar en <head> en tu página.
No. Cada icono se renderiza con canvas en tu navegador, así que la imagen nunca sale de tu dispositivo.
favicon.ico (16, 32 y 48 px de forma predeterminada, hasta 256 px), favicon-16x16.png y favicon-32x32.png más cualquier tamaño PNG extra que marques, apple-touch-icon.png (180 px), android-chrome de 192 y 512 px, maskable-icon-512x512.png, site.webmanifest y favicon-snippet.html. También puedes descargar cualquier archivo suelto de la lista Archivos.
Una imagen cuadrada de al menos 512 × 512 px. Las imágenes más pequeñas se amplían y la página te avisa de que se verán suaves. Un SVG es lo mejor: se mantiene nítido en todos los tamaños y añade favicon.svg al paquete.
Ajustar la imagen completa conserva el logotipo entero y deja espacio vacío alrededor. Recortar a cuadrado llena el icono y corta los lados más largos.
iOS no muestra transparencia en los iconos de la pantalla de inicio, así que apple-touch-icon.png y el icono maskable son siempre cuadrados opacos. Con Fondo en Ninguno se rellenan de blanco, y el icono maskable mantiene el diseño dentro de la zona segura que Android puede recortar a un círculo.
El Convertidor parte de una imagen que ya tienes. El Generador de favicon construye el icono a partir de letras, un emoji o un icono de código abierto, y produce el mismo paquete.
