Crea un paquete de favicon desde una sola imagen
Suelta un logotipo. Descarga un ICO, los tamaños en PNG y un apple-touch-icon, más un fragmento para pegar en tu HTML. El archivo nunca sale de este dispositivo.
- Rápido
- 100% privado
- Siempre gratis
- Cualquier navegador
Drop images anywhere on this page
Un PNG, JPG, SVG o WebP. No sale de este dispositivo.
Cuándo crear un paquete de favicon
Úsalo cuando una web todavía necesita un favicon.ico clásico además de los iconos PNG que los móviles y los navegadores muestran de verdad. Con una imagen de origen basta: un logotipo PNG o SVG cuadrado funciona mejor. La imagen se encaja dentro de un lienzo cuadrado (contener), así que una marca ancha recibe margen en lugar de deformarse.
Las descargas en PNG salen por defecto con lienzo transparente. El ICO usa un color plano blanco (o el que elijas) detrás de la marca, porque bastante interfaz antigua de pestañas sigue esperando un icono opaco. Esto no es un editor por capas. Si necesitas recortar o poner texto antes, hazlo en Photasium y suelta el resultado aquí.
El zip incluye favicon.ico (16 y 32), PNG de 16, 32, 180, 192 y 512, y apple-touch-icon a 180. Pega el fragmento en el head de tu documento. Las entradas opcionales de 192 y 512 son las que normalmente quiere un manifiesto de aplicación web; puedes copiar esos nombres de archivo a manifest.json tú mismo.
Después de descargar, comprime solo si algún PNG sigue pesando. Los favicon deberían quedarse pequeños. Para una imagen de redes sociales, usa Imagen OG 1200×630 en lugar de este paquete.
El trabajo ocurre en este navegador. No hay cuenta ni subida. Cierra la pestaña y el logotipo desaparece de la herramienta.
Cómo hacerlo
- Suelta un PNG, JPG, SVG o WebP. No sale de este dispositivo.
- Deja el PNG transparente, o elige un color plano. El ICO usa blanco o ese color.
- Crea el paquete, copia el fragmento de HTML y descarga el zip.
Consejos
- Un logotipo cuadrado se ve más nítido. Los logotipos de texto anchos reciben margen a los lados.
- No uses una foto de 4000 px como favicon. Parte de una marca sencilla.
- El ICO son fotogramas PNG de 16 y 32 empaquetados juntos. Los navegadores modernos también usan los enlaces a los PNG.
Relacionado
Preguntas frecuentes
- ¿Sigo necesitando favicon.ico?
- Muchos navegadores usarán los iconos PNG. El ICO todavía ayuda con pestañas antiguas y algunos marcadores. Este paquete da los dos.
- ¿El PNG se queda transparente?
- Sí, salvo que elijas un relleno. El ICO usa blanco o tu color para que la interfaz antigua no se vea a través.
- ¿Se sube el logotipo?
- No. Los tamaños se dibujan en este navegador.
- ¿Puedo poner texto en el icono?
- Aquí no. Usa Photasium para el texto y luego vuelve a soltar la imagen en esta página.