RakkoTools

Favicon y App Icon Generator

Genere íconos de favicon (.ico) y aplicaciones a partir de la imagen

Xのアイコン
Añadir a favoritos

Lo que esta herramienta puede

Convierte imágenes en archivos de iconos (ico), imágenes de varios tamaños que se pueden usar como iconos de aplicaciones en muchas aplicaciones móviles.

¿Qué es un favicon?

El favicon es una pequeña imagen de icono que representa un sitio web y se utiliza principalmente en la lista de marcadores en un navegador web. Usualmente se usa en tamaños de 16x16px o 32x32px.

Útil para

  • Cuando crea un sitio web, pero si no sabe cómo crear un favicon, créelo con un solo clic.
  • Al crear una aplicación de teléfono inteligente, al mismo tiempo crea un icono de aplicación correspondiente a varios modelos

Para usar el favicon generado, inserte el siguiente código al comienzo del documento HTML

<link rel="apple-touch-icon" sizes="57x57" HREF="/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" HREF="/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" HREF="/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" HREF="/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" HREF="/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" HREF="/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" HREF="/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" HREF="/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" HREF="/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" HREF="/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" HREF="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" HREF="/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" HREF="/favicon-16x16.png">
<link rel="manifest" HREF="/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">

herramientas relacionadas