Generador de Favicon

Genere favicon.ico e iconos para móviles a partir de imágenes PNG transparentes y más. Seguro, ya que todo se procesa en su navegador.

Arrastre y suelte la imagen, o

Seleccionar Archivo

Ejemplo HTML (Pegar dentro de <head>)

            
<!-- ブラウザのUIカラーをOS設定に合わせる -->
<meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)">
<meta name="theme-color" content="#000000" media="(prefers-color-scheme: dark)">

<!-- Favicon設定 -->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="shortcut icon" href="/favicon.ico">
<meta name="msapplication-TileColor" content="#ffffff">

* Extraiga el ZIP descargado y suba todos los archivos a la misma carpeta que su index.php.

Procesamiento Avanzado en el Lado del Cliente

Aprovechando la API Canvas y JSZip, esta herramienta gestiona la validación, el cambio de tamaño y la compresión ZIP completamente en el navegador. Garantiza la máxima privacidad ya que no se envían imágenes al servidor, al tiempo que genera un archivo webmanifest para PWA.

Cómo funciona

Carga de forma segura la imagen seleccionada o arrastrada localmente mediante la API FileReader.
Cambia el tamaño por lotes a las resoluciones óptimas para PC, iOS y Android utilizando la API Canvas.
Empaqueta los múltiples archivos PNG y un site.webmanifest dinámico en un archivo ZIP en memoria a través de JSZip.
Tras la verificación asíncrona de puntos mediante API, inicia la descarga instantánea del ZIP y genera el código HTML necesario.

Tenemos otras herramientas útiles

Compartir con amigos

🛠️ IVYWE企画開発のPortalサイトとおすすめサービス

ツール一覧