Generador de favicon
Cree PNG para su sitio y un ICO que incluya los tamaños de 16px y 32px a partir de 1 imagen JPEG, PNG, WebP o SVG estático. Elija los tamaños de PNG y el recorte o el margen, y luego guarde las imágenes y las etiquetas HTML necesarias para preparar la publicación o cambiar el logotipo, por separado o como ZIP. Al seleccionar 192px o 512px también se incluye un ejemplo de configuración de iconos del manifest.
Funciones
Crear varios tamaños a la vez
Cree PNG en los tamaños seleccionados y un ICO que contenga 16 y 32px a la vez.
Guardar también los archivos de instalación
Reúna las imágenes y las etiquetas HTML en un ZIP, con un ejemplo de configuración de iconos del manifest cuando sea necesario.
Cómo se usa
Elegir la imagen de origen
Elija 1 imagen JPEG, PNG, WebP o SVG estática.
Elegir tamaños y método de ajuste
Seleccione los tamaños de PNG necesarios y elija recorte cuadrado o margen.
Comprobar también los tamaños pequeños
Compruebe los iconos generados. Reducir su tamaño puede dificultar la lectura del texto y de las líneas finas.
Guardar y colocar en el sitio
Extraiga el ZIP, coloque las imágenes en su sitio y adapte las rutas de las etiquetas HTML a la estructura de su sitio.
Útil para
Preparar la publicación de su sitio
Prepare iconos pequeños para pestañas y usos similares, junto con imágenes para la pantalla de inicio.
Sustituir los iconos al cambiar el logotipo
Vuelva a crear los tamaños necesarios a partir de la misma imagen de origen para igualar los iconos de su sitio.
Usar el conjunto de iconos en su sitio
La diferencia entre ICO y PNG
Un ICO puede almacenar imágenes en varios tamaños. El ICO de esta herramienta siempre incluye 16×16 y 32×32. Los PNG se crean individualmente en los tamaños seleccionados.
Cómo se ven los iconos pequeños
El texto legible en una imagen de origen grande puede ser difícil de reconocer a 16px u otros tamaños pequeños. Compruebe cada tamaño generado.
Ubicación de las imágenes y rutas del HTML
Los ejemplos de configuración suponen la colocación en la raíz del sitio. Para otra ubicación, cambie también el href del HTML y el src del manifest.
El manifest es un ejemplo de configuración de iconos
Se crea cuando se selecciona 192px o 512px. Esto no completa la configuración de toda la aplicación web.
Preguntas frecuentes
¿Puedo crear un ICO sin seleccionar PNG?
Debe seleccionar al menos 1 tamaño de PNG. El ICO incluye 16px y 32px independientemente de la selección de PNG.
¿Puedo guardar varios tamaños juntos?
Guarde las imágenes y los archivos de instalación juntos en un ZIP. También pueden guardarse imágenes individuales y ejemplos de configuración.
¿Puedo usar una imagen rectangular?
Recorte el centro en un cuadrado o añada margen para conservar toda la imagen. No hay ninguna función para ajustar la posición ni el estiramiento de la imagen.
¿Aparecerá en mi sitio automáticamente una vez creado?
No se publica automáticamente. Coloque las imágenes en su sitio, configure el HTML y el manifest y luego compruebe su aspecto donde se vayan a usar.
Tratamiento de archivos
- Entrada
- Use 1 imagen JPEG, PNG, WebP o SVG estática.
- Salida
- ICO, los PNG seleccionados, HTML y un manifest cuando corresponda. Genera imágenes fijas y elimina los metadatos.