Genere todos los tamaños de favicon que su sitio web necesita a partir de una sola imagen
Cargue un logotipo o ícono y la herramienta generará favicons en todos los tamaños que requieren los navegadores, sistemas operativos y manifiestos de PWA modernos, desde el clásico ICO de 16 x 16 hasta el PNG de 512 x 512 para pantallas de inicio de Android. Descargue un paquete listo para implementar con el fragmento HTML incluido.
Utilice esta herramienta gratisBrowser tool
Favicon generator
Runs locally in your browser. The selected image is not uploaded by this tool.
JPEG, PNG, and WebP are supported by default. Specialized converters restrict the file picker to their required input format.
como usar
Sube tu imagen
Coloque un archivo PNG, SVG, JPEG o WebP en el generador. Las imágenes cuadradas de 512 px o más producen los resultados más nítidos.
Recortar y ajustar
Arrastre los controladores de recorte para aislar el área del icono. Agregue relleno si el ícono necesita espacio para respirar. Establezca el fondo en transparente o en un color sólido.
Vista previa de todos los tamaños
La herramienta representa todos los tamaños de destino simultáneamente para que pueda verificar que el ícono sea reconocible a 16 px y se vea nítido a 512 px.
Descarga el paquete
Descargue un ZIP que contenga todos los archivos favicon más un fragmento HTML que puede pegar en la etiqueta <head> de su sitio para hacer referencia a cada ícono correctamente.
Características
Cobertura de tamaño completo
Genera 16 x 16, 32 x 32 y 48 x 48 para navegadores tradicionales; Icono táctil de Apple de 180 x 180 para iOS; 192 x 192 y 512 x 512 para manifiestos PWA de Android. Todos los tamaños comunes en una sola pasada.
Salida ICO y PNG
El paquete incluye un archivo .ico de resolución múltiple (que contiene capas de 16, 32 y 48 px) y archivos PNG individuales para cada tamaño. Ambos formatos están listos para su uso directo en etiquetas de encabezado HTML.
Editor de recorte y relleno
Ajuste el área de recorte para aislar la parte del icono de su imagen. Agregue relleno para evitar que el ícono toque los bordes del cuadrado del favicon, lo que mejora la legibilidad en tamaños pequeños.
control de fondo
Mantenga un fondo transparente para los navegadores modernos o establezca un color de relleno sólido para los íconos táctiles de Apple (que no admiten transparencia). Obtenga una vista previa de ambos modos antes de descargarlos.
After this task
After this free tool, open Background Eraser for the next AI editing workflow.
Continue with Background EraserPresupuesto
| Tamaños de salida (px) | 16, 32, 48, 180, 192, 512 |
| Formatos de salida | ICO (multicapa), PNG |
| Formatos de entrada | PNG, SVG, JPEG, WebP |
| Entrada recomendada | 512 x 512 px o más, cuadrado |
| Icono táctil de Apple | 180 x 180 px con fondo sólido opcional |
| Tratamiento | Del lado del cliente (sin carga) |
Related Magic Eraser Tools
Preguntas comunes
¿Con qué tamaño de imagen debería empezar?
+
Comience con una imagen cuadrada de al menos 512 x 512 px. El generador reduce la escala de este maestro, por lo que una fuente de alta resolución garantiza que cada tamaño más pequeño sea nítido. Los archivos SVG funcionan mejor porque se escalan sin pérdida de calidad.
¿Necesito los seis tamaños?
+
Para máxima compatibilidad, sí. El ICO de 16 y 32 px cubre navegadores heredados, el PNG de 180 px es necesario para los marcadores de Safari de iOS y los PNG de 192/512 px son necesarios para las indicaciones de instalación de PWA de Android y las pantallas de presentación.
¿Cómo agrego los favicons a mi sitio web?
+
El paquete de descarga incluye un fragmento de HTML. Pégalo en la sección <head> de tu sitio. Hace referencia al archivo ICO para navegadores y a los archivos PNG para dispositivos Apple y Android. La mayoría de los marcos también admiten la colocación de favicon.ico en el directorio raíz.
¿Logotipo demasiado complejo para un favicon pequeño?
Utilice Background Eraser para aislar el símbolo principal de su logotipo completo, luego introduzca el icono de limpieza en el generador de favicon. Una forma más simple se lee mejor a 16 px.
Pruébalo gratisMore free tools
Explore our other limited free edits after sign-in photo and image tools.
Diseñe degradados lineales, radiales y cónicos con múltiples paradas de color. Copie el código CSS o descárguelo como una imagen PNG. No es necesario registrarse.
Convierta colores entre formatos con nombre HEX, RGB, HSL, HSB, CMYK y CSS. Vea una vista previa en vivo, copie cualquier valor y exporte una tarjeta de color. No es necesario registrarse.
Convierta códigos de color HEX a valores RGB y viceversa. Vista previa en vivo, copia con un clic y salida de fragmentos de CSS. No es necesario registrarse: funciona en su navegador.
Elija cualquier color de una imagen cargada y obtenga sus códigos HEX, RGB y HSL al instante. Cree paletas a partir de fotografías para diseño web, marca e ilustración.
Cargue una foto y extraiga de 5 a 10 colores dominantes con códigos HEX, RGB y HSL. Copie muestras, exporte como variables ASE o CSS. No es necesario registrarse.
Genere códigos QR para URL, texto, credenciales WiFi y vCards. Personalice los colores, agregue un logotipo central y descárguelo como PNG o SVG. No es necesario registrarse.