Convierte un logotipo JPG o una foto en un favicon.ico y todos los iconos que tu sitio web necesita: cuadrados recortados, con el HTML para pegar. ¿Necesitas un Windows ¿icono? Usar JPG a ICO.
¿Quieres un favicon transparente? Primero recorta el fondo y guarda un PNG con JPG a PNG , luego usa PNG a Favicon.
Un archivo JPG no tiene transparencia, por lo que todo lo que rodea a tu logotipo, normalmente blanco, aparece en el favicon.
| Archivo | Tamaño | Usado por |
|---|---|---|
| favicon.ico | 16, 32, 48 píxeles | Cada navegador, marcadores, Windows atajos |
| favicon-16x16.png, favicon-32x32.png | 16 y 32 píxeles | Pestañas del navegador en navegadores modernos |
| favicon-96x96.png | 96 px | Resultados de búsqueda de Google, accesos directos de escritorio |
| apple-touch-icon.png | 180 px | Pantalla de inicio del iPhone y del iPad |
| android-chrome-192x192.png, -512x512.png | 192 y 512 píxeles | Pantalla de inicio de Android, instalación de PWA |
| sitio.webmanifest | - | Android y PWA: nombre, iconos, color del tema |
| favicon-html.txt | - | Las líneas para pegar en tu |
¿Solo necesitas el archivo clásico? Selecciona el preajuste favicon.ico solamente . Cada archivo ZIP también incluye un archivo README.
¿Usas WordPress? Ve a Apariencia, Personalizar, Identidad del sitio y sube la imagen PNG de 512 px como icono del sitio. Luego, comprueba tu sitio web con el Comprobador de favicon.
Arrastra tu archivo JPG al cuadro, elige Recortar a cuadrado si no es cuadrado y pulsa Haz mi favicon.
Recibirás un archivo ZIP con favicon.ico, los tamaños PNG, los iconos de Apple y Android, site.webmanifest y el código HTML.
Por sí solo, JPG no tiene transparencia. Los preajustes Redondo y Redondeado hacen que las esquinas sean transparentes. Para un logotipo totalmente recortado, comience con un PNG transparente y con PNG a Favicon.
Sí. Los formatos .jpg, .jpeg y .jfif son el mismo. Todos funcionan aquí.
Al menos 512 x 512 píxeles después de recortarlo. Ese es el icono de Android más grande; todos los tamaños más pequeños se crean a partir de él.
Sube todos los archivos del ZIP a la raíz de tu sitio y luego pega las líneas de favicon-html.txt en la sección <head> de tus páginas.
Sí. Selecciona el preajuste favicon.ico solamente y obtendrás un archivo .ico con 16, 32 y 48 px en su interior.
Los navegadores almacenan en caché los favicons durante días. Actualiza la página con Ctrl+F5, abre el sitio en una ventana privada o pruébalo con el comprobador de favicons.
No. Los archivos de favicon se crean en tu navegador, en tu dispositivo. No se sube nada a la nube.