Compresor de fuentes de iconos

• Compresión instantánea de fuentes de iconos en tu navegador: comprime fuentes de iconos de Font Awesome, Material Icons y Bootstrap Icons directamente en el navegador - sin subir a servidores ni procesamiento en la nube. Nuestro compresor de fuentes de iconos reconstruye el mapa de caracteres al instante con JavaScript puro.
• Compresor de fuentes de iconos online seguro: tus archivos de fuente nunca salen de tu dispositivo al comprimirlos. El procesamiento 100 % en el lado del cliente significa privacidad total - sin almacenamiento en la nube, sin registros de servidor y sin exposición alguna de los datos de la fuente.
• Compresor de fuentes de iconos sin instalación: comprime fuentes de iconos directamente en el navegador sin descargar software, sin plugins y sin cuenta. Funciona en cualquier navegador moderno de cualquier sistema operativo - sin registro.
• Compatible con Font Awesome, Material Icons y más: preajustes integrados para Font Awesome 5/6, Material Icons y Bootstrap Icons, o pega cualquier punto de código unicode personalizado. Acepta formatos de entrada TTF, OTF y WOFF y genera un archivo WOFF comprimido.

• Optimización de Core Web Vitals y velocidad de página: Font Awesome 6 Free supera los 800 KB, y la mayoría de sitios usan menos de 50 iconos. Comprime la fuente de iconos solo con los iconos que usas para eliminar los avisos de PageSpeed «Reduce unused CSS» y «Avoid large network payloads».
• Optimización de apps React, Vue y Angular: comprime las fuentes de iconos en aplicaciones de una sola página para reducir el tamaño del paquete inicial. Las fuentes de iconos más pequeñas cargan más rápido y mejoran las puntuaciones de Time to Interactive (TTI) y Largest Contentful Paint (LCP).
• Fuentes de iconos en plantillas de correo: comprime las fuentes de iconos usadas en plantillas HTML de correo dejando solo los iconos referenciados en la plantilla. Los archivos más pequeños cargan antes en los clientes de correo que admiten @font-face y mejoran la velocidad de renderizado.
• Rendimiento de e-commerce y landing pages: comprime las fuentes de iconos de páginas de producto y landing pages para reducir el peso de la página. Una fuente de iconos comprimida con 20 iconos suele ser un 95 % más pequeña que la librería completa de Font Awesome.
• Rendimiento web móvil: comprime las fuentes de iconos para la web móvil y reduce el consumo de datos en conexiones 3G/4G. Las fuentes de iconos más pequeñas son clave para los Core Web Vitals en móvil, donde la carga de fuentes es un cuello de botella habitual del LCP.
• Distribución de fuentes de iconos personalizadas: comprime las fuentes de iconos personalizadas antes de distribuirlas en sistemas de diseño y librerías de componentes. Enviar solo los iconos usados en el sistema de diseño reduce el peso de la fuente para cada aplicación que la consume.

Las fuentes de iconos como Font Awesome, Material Icons y Bootstrap Icons contienen miles de glifos, pero la mayoría de los sitios usan menos de 50. La compresión de fuentes de iconos (también llamada subconjunto de fuentes) elimina los glifos sin usar del archivo y produce un archivo mucho más pequeño que solo contiene los iconos que realmente usas. Nuestro compresor de fuentes de iconos funciona reconstruyendo la tabla cmap de la fuente - el mapa de caracteres que asigna puntos de código unicode a identificadores de glifos - para incluir solo los puntos de código que especifiques. Es un enfoque seguro para el navegador que produce un archivo WOFF válido sin necesitar herramientas de servidor.

1. 1 Sube tu fuente de iconos: arrastra y suelta un archivo de fuente de iconos TTF, OTF o WOFF. La fuente se lee como ArrayBuffer binario en tu navegador - no se envía ningún dato a un servidor. La herramienta analiza el directorio de tablas sfnt y la tabla cmap de la fuente para construir un mapa completo de punto de código a glifo.
2. 2 Introduce los puntos de código que conservar: pega los puntos de código unicode de los iconos que usas (por ejemplo, f000, f001, f002). Usa los preajustes integrados de Font Awesome, Material Icons o Bootstrap Icons como punto de partida. La herramienta muestra cuántos puntos de código se detectaron antes de procesar.
3. 3 Descarga el WOFF comprimido: el compresor de fuentes de iconos reconstruye la tabla cmap solo con los puntos de código solicitados y empaqueta el resultado como archivo WOFF. El panel de resultados muestra el tamaño original, el tamaño de salida, el porcentaje de reducción y los puntos de código que no se encontraron en la fuente.

• Tabla cmap (mapa de caracteres): se reconstruye para incluir solo los puntos de código solicitados - es la principal fuente de reducción de tamaño. Una cmap completa de Font Awesome asigna más de 2000 puntos de código; un subconjunto de 30 iconos asigna solo 30.
• Contenedor WOFF: la salida se empaqueta como WOFF (Web Open Font Format) con una cabecera compacta y un directorio de tablas - más pequeño que el contenedor TTF original independientemente del subconjunto.
• Contornos de glifos (parcial): todos los contornos de glifos se conservan en la salida - los navegadores no renderizan glifos inalcanzables, pero las tablas glyf/loca no se reescriben. Para una reducción máxima, usa pyftsubset después de esta herramienta.
• Metadatos y tablas sin usar: se conservan todas las tablas sfnt por compatibilidad. La reconstrucción de la cmap es el enfoque de subconjunto seguro y compatible con navegadores que funciona sin WASM ni procesamiento en servidor.

El compresor de fuentes de iconos reconstruye la tabla cmap para asignar solo los puntos de código solicitados: no elimina los contornos de glifos de las tablas glyf y loca. Esto significa que el archivo de salida es más pequeño que el original (por la cmap reducida y la sobrecarga del WOFF), pero no tanto como un subconjunto completo a nivel de glifo. Para una compresión máxima, usa una herramienta de servidor como pyftsubset (de fonttools) o glyphhanger después de descargar el WOFF de esta herramienta. Se admiten archivos de entrada WOFF, pero deben usar almacenamiento de tablas sin comprimir (compLength = origLength).