Me quedan usos Pro gratis, pero no puedo empezar a comprimir
El mensaje free TinyImage Pro uses left muestra el acceso de prueba que te queda; no necesitas una clave de pago mientras te queden esos usos. Para comprimir y descargar imágenes de un archivo de Figma Design, abre la pestaña Compress de TinyImage y usa su botón Export.
- Selecciona las capas en Figma y añade un ajuste de Export en el panel de propiedades de Figma, como PNG o JPG.
- En TinyImage, haz clic en Refresh Exportable Figma Layers para cargar los ajustes de exportación actuales. Espera a que la lista termine de cargarse.
- Marca en la lista de TinyImage las imágenes que quieras exportar. No basta con seleccionar una capa en el lienzo de Figma; tienes que marcar al menos una imagen exportable en el plugin.
- Haz clic en Export para empezar la compresión. Si cambias la selección de Figma y el botón de exportar deja de estar disponible, actualiza la lista y vuelve a marcar tus imágenes.
Consulta la guía de compresión para ver el flujo de trabajo completo. Si ya has gastado todos los usos de prueba, Compress requiere Pro; Downsize sigue disponible para reducir los rellenos de imagen dentro de Figma. Compara TinyImage gratis y Pro.
Si Export sigue sin estar disponible después de estas comprobaciones, escribe a [email protected] con una captura de pantalla de la ventana de TinyImage, el mensaje de usos restantes e indica si usas Figma en el navegador o en la app de escritorio.
Las capas deben tener ajustes de exportación para poder comprimirlas
TinyImage detecta los ajustes y formatos de exportación que hayas definido en las capas de tu página de Figma y te permite exportarlas como imágenes comprimidas con el plugin TinyImage. Para saber más sobre los fundamentos de los ajustes de exportación de Figma y cómo funcionan, consulta la guía oficial de exportaciones de Figma. Asegúrate de haber añadido ajustes de exportación (haciendo clic en Export + en la columna derecha de Figma) a las capas que quieras comprimir; si no, no aparecerán al abrir TinyImage, igual que ocurre con las exportaciones estándar de Figma.
Los PNG y los PDF tardan más en comprimirse
Comprimir exportaciones PNG y PDF puede tardar algo más que las exportaciones JPG y SVG, sobre todo si son muy detalladas o tienen dimensiones grandes. TinyImage te avisará si una imagen es demasiado grande para comprimirla.
Los colores o degradados de los GIF se ven algo granulados
Los GIF son algo distintos de las imágenes JPG/PNG normales, ya que solo pueden contener un máximo de 256 colores. Si usas imágenes muy detalladas o degradados con mucha variación de color, es normal que no se vean tan nítidos ni con la misma fidelidad de color que las imágenes originales usadas para crear el GIF, debido a esta limitación del formato GIF.
Faltan algunos elementos y aparecen rectángulos morados al exportar un PDF desde Figma
Es un bug conocido de Figma que puede mostrar cuadros morados en lugar de imágenes. TinyImage usa la exportación a PDF nativa de Figma, así que el mismo problema puede aparecer en las exportaciones de TinyImage.
Algo que puede ayudar es asegurarte de que la capa problemática esté realmente anidada dentro del frame principal de Figma. A veces una capa de Figma está colocada "visualmente" encima del frame en el lienzo, pero la capa en sí sigue estando fuera del frame; esto parece estar relacionado con el motivo por el que a veces se produce el problema.
La transparencia no se muestra en los GIF
El formato de archivo GIF admite una opacidad del 0 % o del 100 %, pero nada intermedio. Esto significa que puedes tener un GIF animado con un fondo totalmente transparente detrás de elementos completamente opacos y visibles. Por tanto, las capas tienen que ser totalmente transparentes o no serlo; las capas con una opacidad inferior al 50 % serán transparentes, y las capas con una opacidad superior al 50 % serán opacas.
La carga inicial ("refreshing/loading exportable layers") tarda en terminar
Por desgracia, es un problema conocido causado por una actualización reciente de Figma: ahora es necesario que todas las imágenes de la página actual terminen de cargarse antes de que un plugin pueda usar o exportar cualquier imagen (aunque sea solo una). Por ese nuevo comportamiento, suele pasar más en archivos de Figma grandes, si el plugin se ejecuta poco después de abrir el archivo, antes de que todas las imágenes hayan podido cargarse. Tienes dos opciones: esperar un poco más a que las imágenes terminen de cargarse en el archivo de Figma o, si solo necesitas exportar unas pocas capas y la página es enorme, copiar esas capas seleccionadas en una página de Figma nueva y volver a ejecutar TinyImage allí, que será mucho más rápido.
Imágenes exportadas 1px más grandes o más pequeñas que su tamaño en Figma
Hay un bug extraño en Figma relacionado con el uso de "subpíxeles" en las propiedades de los frames o las imágenes, que puede hacer que las imágenes exportadas se "redondeen" hacia arriba o hacia abajo a un tamaño distinto. La solución es asegurarte de que el frame o el frame principal (mesa de trabajo) que exportas no contenga valores de subpíxel (por ejemplo, 1000.08), eliminándolos de la propiedad (por ejemplo, 1000). Así la imagen se exportará con las dimensiones que esperabas. Para más detalles, hay un hilo en los foros de Figma sobre el problema.
Archivos sin extensión con la app de escritorio de Figma en Windows
Hay un problema conocido con la app de escritorio de Figma (solo en Windows) que también ocurre con las exportaciones normales de Figma. Al guardar el archivo, puede que veas la etiqueta "all files". Si la ignoras y sigues haciendo clic en "Save", el archivo debería guardarse igualmente con la extensión correcta y podrás abrirlo con normalidad cuando se haya descargado en tu ordenador. Si aun así se guarda sin extensión, deberías poder cambiar el nombre del archivo para añadirle a mano la extensión correcta.
Exportaciones PDF lentas
Si tus exportaciones PDF van muy lentas, lo más probable es que se deba a rellenos de imagen grandes o de alta resolución en parte del contenido, lo que hace que Figma tarde mucho más en generar los PDF. Para ayudarte con este problema, puedes usar la función "Downsizer" de TinyImage para reducir los rellenos de imagen al tamaño de su capa, lo que reduce el peso de los archivos y hace que se carguen mucho más rápido en tu archivo de Figma. Cuando hayas terminado de reducir los rellenos de imagen de tu página de Figma, volver a ejecutar TinyImage y exportar de nuevo el PDF con el plugin debería ser mucho más rápido.
Safari no es compatible
Por problemas de compatibilidad con el navegador, TinyImage no es compatible con Safari. Ejecuta el plugin en otro navegador (como Chrome) o en la app de escritorio de Figma.
Línea blanca fina alrededor de las imágenes exportadas
A veces algunas imágenes tienen una línea blanca, fina y tenue, alrededor de los bordes. Figma hace esto si una capa no está colocada en un valor de píxel redondeado (por ejemplo, Y: 156.76 o X: 56.3), y esa línea de subpíxel se incluye automáticamente en la exportación. Para resolverlo, asegúrate de que todas las posiciones de tus capas sean valores de píxel redondeados.
Imágenes pixeladas al exportar
Si exportas tus imágenes o un PDF mientras los recursos de imagen de Figma todavía se están cargando progresivamente, puede que se exporten pixelados, porque la imagen no se había cargado del todo en el archivo de Figma antes de exportarla. Para resolverlo, asegúrate de que todas las imágenes se hayan cargado al 100 % y se vean nítidas en el archivo de Figma antes de exportar tus imágenes o PDF con el plugin TinyImage. Para ayudarte aún más con este problema, puedes usar la función "Downsizer" para reducir los rellenos de imagen al tamaño de su capa, lo que reduce el peso de los archivos y hace que se carguen mucho más rápido en tu archivo de Figma.
Al editar PDF en Adobe Acrobat aparecen líneas de puntos
Se puede resolver desmarcando el interruptor "Show bounding boxes" de la barra lateral de la app Acrobat mientras editas el PDF. Mostrar las líneas de puntos de los cuadros delimitadores es algo que Adobe activa de forma predeterminada al entrar en el modo "Edit" con un PDF abierto en la app, pero si desactivas el interruptor "Show bounding boxes" dejarán de mostrarse con un solo clic.
Las imágenes en mosaico no se muestran en las exportaciones PDF
Ahora mismo hay un bug por el que algunos rellenos de imagen "Tile" no se incluyen en los PDF comprimidos; por ahora, la solución es cambiar el relleno en Figma a "Fit" o "Fill".
Puede que necesites una VPN en China
Ten en cuenta que, si estás en China, es posible que "el Gran Cortafuegos de China" bloquee el servidor de cuentas. Si ves un error de activación aunque uses una clave válida, seguramente tendrás que usar una VPN para solucionarlo.
"An error occurred while loading the plugin environment"
Esto puede pasar en la app de escritorio de Figma si se ha activado por error el ajuste de depuración Use Developer VM de Figma. Para asegurarte de que está desactivado, haz clic derecho en cualquier parte del lienzo de Figma, pasa el ratón por encima de Plugins y luego de Development, y comprueba que Use Developer VM está desmarcado. Cuando esté desmarcado (y no tenga una marca de verificación al lado), al volver a ejecutar el plugin de Figma debería funcionar con normalidad.