TinyImage incluye la función Downsizer, que reduce automáticamente (y comprime ligeramente) los rellenos de imagen de tus capas de Figma hasta el tamaño real de cada capa. Es útil si importaste originalmente imágenes de alta resolución en tu archivo de Figma, pero después redujiste mucho las dimensiones de la capa (y se sigue usando el archivo de imagen grande original).
Un caso habitual es añadir una imagen grande de Unsplash (o de otro sitio o plugin de fotos de stock) y luego reducir esa capa para usarla como una imagen mucho más pequeña de «tarjeta» o «avatar». Esto puede ralentizar tu archivo de Figma; por eso, usar una función como el Downsizer te ayuda a ahorrar peso y a mejorar el rendimiento de la página en tu archivo de Figma.
Usar la función Downsizer para optimizar los rellenos de imagen de la página
Para empezar a reducir tus rellenos de Figma, abre la pestaña Downsize en la cabecera de TinyImage.
El Downsizer analiza todas las capas de la página actual de Figma en busca de rellenos de imagen. Usa las casillas de TinyImage para elegir qué rellenos quieres reducir, y haz clic en el icono de actualizar, con la etiqueta Rescan all fills on this page, siempre que necesites volver a analizar la página.
Al seleccionar capas en Figma, la lista se acota cuando esas capas coinciden con rellenos de imagen que TinyImage ya ha cargado. Mientras este filtro está activo, TinyImage muestra Showing selected layer fills. Si la selección actual no tiene rellenos coincidentes, TinyImage mantiene visible la lista completa cargada. Cambiar la selección no vuelve a analizar la página; usa el icono de actualizar para cargar los rellenos que hayas añadido.
Seleccionar los rellenos de imagen que quieres reducir
Cuando se hayan cargado los rellenos de imagen, puedes seleccionar los que quieres reducir marcándolos o desmarcándolos en la lista.
Si no tienes claro qué relleno corresponde a cada capa, puedes hacer clic en el botón con el icono Image de la lista, que hace zoom y te lleva al instante a esa capa en tu página de Figma.
Reducir tus rellenos
Cuando estés conforme con los rellenos seleccionados, usa el selector de escala para elegir la resolución a la que quieres reducir tus rellenos de imagen de Figma. Por defecto es @2x, lo que significa que tus rellenos de imagen se reducen proporcionalmente hasta tener exactamente el doble del tamaño de la capa de Figma en la que se usan. Puedes seleccionar @1x para ajustar los rellenos de imagen al mismo tamaño que su capa de Figma, aunque no se verán tan nítidos como con la opción @2x.
Cuando lo tengas todo listo, haz clic en el botón Downsize Figma Image Fills para iniciar la reducción. TinyImage detecta automáticamente si una imagen necesita reducirse o no; las que lo necesitan se reducen (y se comprimen ligeramente) y se sustituyen automáticamente en tus capas de Figma. Cuando se hayan procesado todas las imágenes, verás el peso total que has ahorrado en tu archivo de Figma.
Deshacer la reducción de imágenes en Figma. Si has usado la función Downsizer sin querer, o has seleccionado algún relleno de imagen por error, puedes usar la función Undo normal de Figma para revertir los cambios y recuperar tus rellenos de imagen originales. Si necesitas volver más atrás, también puedes usar File -> Show Version History en Figma para restaurar una versión anterior de tu archivo.