Optimización de archivos multimedia

La optimización de archivos multimedia aligera las imágenes y los vídeos de tu tablero, o cambia su tamaño. Los archivos más ligeros pueden ayudar a que un tablero se abra antes.

• Reducir archivos: comprime imágenes, SVG y vídeos, elige su formato y su calidad, y recorta las partes que no se ven.
• Cambiar el tamaño de las imágenes: redúcelas, o amplíalas con IA y compara el resultado con el original.
• Trabajar con varios archivos: da los mismos ajustes a muchas imágenes o vídeos a la vez.
• Comprimir al importar: comprime los archivos compatibles demasiado grandes para un tablero antes de que entren.
• Convertir la vista de una cámara en imagen: guarda como imagen lo que ve una cámara.

Comprimir una imagen

Reduce el archivo de una imagen, o cambia su formato o su tamaño. Funciona con imágenes y con rellenos de imagen.

• Operación:
  1. Selecciona el elemento y elige Editar archivo en el panel de acciones.
  2. Fija las opciones de abajo en el panel de atributos. La vista previa muestra el original a un lado y el resultado al otro.
  3. Elige qué hacer con el resultado. Consulta Aplicar el resultado.
• Necesita: una imagen fija. Las imágenes animadas no pueden comprimirse.
• Resultado: el panel muestra:
  • Tamaño del archivo: antes y después, y cuánto ha cambiado.
  • Capas y máscaras: en una imagen editada en el editor de imagen, su tamaño. También se comprimen. Las máscaras siguen en PNG, y las capas que necesitan transparencia siguen en PNG si eliges JPEG.
• Consejo: una imagen muy grande te pide confirmar con Continuar antes de procesar la vista previa. Para salir sin aplicar, elige Salir del modo edición.

Las opciones:

• Formato: el tipo de archivo del resultado:
  • JPEG: las zonas transparentes se rellenan con el color de fondo del tablero.
  • PNG: conserva la transparencia.
  • WebP: conserva la transparencia y permite fijar la calidad.
  • SVG: solo para imágenes SVG. Consulta Comprimir un SVG.
• Calidad: de 1 a 100, para JPEG y WebP. Los valores bajos suelen dar archivos más pequeños y pueden perder detalle.
• Redimensionar imagen: permite cambiar el tamaño. Al activarlo, empieza en el tamaño original, o en 1920 píxeles en el lado largo para imágenes mayores.
• Resolución: el nuevo ancho y alto. Conservan las proporciones de la imagen y pueden superar el original.
• Método: Básico, o Inteligente (IA) para ampliar una sola imagen con IA. Consulta Ampliar con IA.
• Eliminar área recortada: borra los píxeles fuera del recorte de una imagen recortada, así el archivo pesa menos y el recorte ya no puede ampliarse. Empieza activado en imágenes recortadas y no está disponible para las que están en mosaico.
• Restablecer ajustes: vuelve a los ajustes por defecto.

Aplicar el resultado

Cuando el resultado te convenza, elige qué hacer con él. Los botones dependen de cuántos elementos editas:

• Un elemento:
  • Reemplazar: pone el archivo nuevo en el elemento, en lugar del anterior. Un vídeo recortado cuyos bloques de animación reproducen tiempos fuera del nuevo clip no puede reemplazarse; usa Crear elemento en su lugar.
  • Crear elemento: añade un elemento nuevo con el archivo nuevo, algo desplazado respecto al original, que se conserva.
  • Descargar: guarda el archivo en tu dispositivo. Una imagen se guarda con sus capas fusionadas y sin los efectos del tablero, como los filtros.
  • Copiar: solo imágenes. Copia la imagen como PNG o como código SVG, para pegarla en otro sitio. El navegador puede pedir permiso.
• Varios elementos, en un lote:
  • Reemplazar todo: reemplaza el archivo de cada elemento.
  • Crear copias: añade un elemento nuevo por cada archivo, a la derecha, con la misma disposición.
  • Descargar ZIP: guarda todos los archivos en un solo archivo ZIP, incluidos los vídeos demasiado grandes para el tablero.
  • Descargar archivos: solo imágenes. Las guarda como archivos separados y numerados.
  • Copiar: solo imágenes. Copia la imagen que muestra la vista previa.

Comprimir un SVG

Reduce una imagen SVG sin que deje de ser SVG, así el dibujo sigue nítido a cualquier tamaño. Las imágenes de píxeles que contiene conservan su resolución. Los iconos de la biblioteca de iconos también son SVG.

• Operación:
  1. Selecciona el elemento y elige Editar archivo en el panel de acciones.
  2. Mantén Formato en SVG en el panel de atributos y fija las opciones de abajo.
  3. Compara el dibujo en la vista previa y después aplica el resultado.
• Necesita: un SVG que sea:
  • Autocontenido: un SVG fijo, sin enlaces a archivos externos de imágenes o fuentes, y las imágenes que contiene no son animadas.
  • Seguro: un SVG válido, sin scripts ni otro código.
  • No demasiado grande: hasta 10 MB y 10 000 partes, contando los SVG que contenga.
• Resultado: el archivo suele quedar más pequeño:
  • Capas y máscaras SVG: se comprimen de la misma forma.
  • Capas y máscaras de píxeles: no cambian, salvo que Eliminar área recortada las recorte.
  • Sin reducción de tamaño: aparece cuando el archivo pesa lo mismo. Un porcentaje positivo indica que ha crecido. Puedes aplicar el resultado igualmente.
• Consejo: revisa la vista previa, porque la optimización puede cambiar el aspecto del dibujo.

Opciones de SVG

• Formato: empieza en SVG. Elige JPEG, PNG o WebP para convertir el SVG en una imagen de píxeles. Consulta Convertir un SVG en una imagen de píxeles.
• Eliminar área recortada: empieza activado en imágenes recortadas que no están en mosaico. Cambia el área visible del dibujo al recorte, y el contenido fuera de él puede quedar en el archivo. El resultado conserva el lugar y el tamaño del elemento en el tablero, y el recorte se elimina.
• Precisión numérica: cuántos decimales conservan las coordenadas del dibujo, de 0 a 8 (3 por defecto). Menos decimales dan un archivo más pequeño, pero pueden mover detalles pequeños.
• Precisión de las transformaciones: lo mismo para los desplazamientos, giros y escalados del dibujo, de 0 a 8 (5 por defecto).
• Avanzado: limpiezas adicionales. Por defecto, todas están activadas salvo las dos últimas, y se recuerdan tus ajustes anteriores de SVG:
  • Varias pasadas: repite la limpieza varias veces para reducir más el archivo.
  • Eliminar comentarios: elimina las notas escritas dentro del archivo.
  • Eliminar metadatos del editor: elimina la información extra que las aplicaciones de dibujo guardan en el archivo.
  • Optimizar estilos: combina y simplifica las reglas de estilo del dibujo.
  • Optimizar identificadores: elimina los nombres de elementos sin uso y acorta el resto, cuando es seguro.
  • Eliminar contenido oculto y sin uso: elimina las partes ocultas y las piezas que nada usa.
  • Optimizar trazados: simplifica los contornos.
  • Simplificar grupos: elimina los grupos innecesarios.
  • Combinar trazados: une los contornos que pueden dibujarse como uno solo.
  • Eliminar imágenes incrustadas: elimina las imágenes de píxeles guardadas dentro del SVG, lo que cambia el dibujo.
  • Eliminar contenido fuera de la vista: elimina los contornos que quedan por completo fuera del área visible. Con Eliminar área recortada activado, el área recortada cuenta como área visible.
• Restablecer ajustes: vuelve a los ajustes por defecto. Tus ajustes de SVG se recuerdan en este navegador para todos los tableros.

Convertir un SVG en una imagen de píxeles

Convierte un SVG en una imagen hecha de píxeles, por ejemplo para pintar sobre ella en el editor de imagen.

• Operación: sigue los pasos de Comprimir una imagen y elige JPEG, PNG o WebP en Formato. Resolución llega hasta 4096 píxeles en el lado largo.
• Resultado: la imagen puede abrirse con Abrir editor de imagen. Ya no puede convertirse en elementos con Convertir imagen SVG en elementos.
• Consejo: las opciones de SVG no se aplican a los formatos de píxeles. Elegir SVG de nuevo recupera el tamaño y el recorte originales, salvo que Eliminar área recortada esté activado.

Comprimir un vídeo

Reduce un archivo de vídeo, o conserva solo una parte.

• Operación:
  1. Selecciona el vídeo y elige Editar archivo en el panel de acciones.
  2. Fija las opciones de abajo en el panel de atributos y después elige Generar vista previa. Los tamaños son estimaciones hasta que la vista previa está lista.
  3. Aplica el resultado.
• Necesita:
  • Archivo: un archivo de vídeo añadido al tablero, no uno enlazado desde un sitio web.
  • Tamaño: dentro de los límites.
  • Navegador: uno capaz de procesar vídeo.
• Resultado: el panel muestra el tamaño del archivo antes y después, y el nuevo ancho y alto. Un vídeo reemplazado recibe una portada nueva cuando se puede crear, y conserva la portada que hayas elegido tú.
• Consejo: después de cambiar un ajuste, elige Generar vista previa otra vez antes de aplicar. Cancelar vista previa la detiene.

Las opciones:

• Salida: el tipo de archivo, MP4 o WebM.
• Códec: cómo se comprime el vídeo dentro de ese tipo de archivo. Auto elige por ti, y el navegador puede cambiar a otro códec o tipo de archivo cuando no puede usar el elegido.
• Video kbps: cuántos datos usa cada segundo de imagen, de 16 a 100 000. Los valores altos dan más datos a la imagen y suelen dar archivos más grandes.
• Audio kbps: lo mismo para el sonido, de 0 a 512. Cero elimina el sonido.
• FPS: fotogramas por segundo, de 1 a 60.
• Quitar área recortada: conserva solo la parte visible de un vídeo recortado y elimina el recorte.
• Conservar solo el clip seleccionado: conserva solo el clip del vídeo, la parte entre el inicio y el final del vídeo, que pasa a ser el vídeo completo. Si está desactivado, se conserva el vídeo entero. El clip es el del propio vídeo, no el de un bloque de animación de vídeo.
• Resolución: conserva el tamaño original, o lo reduce con las mismas proporciones.
• Restablecer: vuelve a los ajustes por defecto.

La vista previa reproduce el original y el resultado a la vez, con un deslizador para recorrer el vídeo. Solo suena el resultado. Cambiar el inicio o el final de la vista previa también cambia el clip del vídeo.

• Reproducir / Pausar: inicia o pausa la reproducción.
• Reproducir hasta el inicio: salta al inicio del clip.
• Reproducir hasta el final: salta al final del clip.
• Repetir: reproduce el clip una y otra vez.
• Velocidad: cambia la velocidad de reproducción.
• Volumen: cambia el volumen. Cero lo silencia.

Ampliar con IA

Amplía una imagen con un modelo de IA que se ejecuta en tu navegador y añade detalle; compara el resultado con el original.

• Operación:
  1. Mientras comprimes una imagen, activa Redimensionar imagen, fija Resolución por encima del tamaño original y elige Inteligente (IA) en Método.
  2. Elige un modelo en Calidad. Consulta Modelos.
  3. Elige Cargar modelo de IA. La primera vez descarga el modelo, que el navegador conserva para la próxima.
  4. Aplica el resultado.
• Necesita:
  • Navegador: uno capaz de ejecutar el modelo de IA y guardarlo.
  • Imagen: una sola imagen hecha de píxeles, sin capas ni máscaras SVG. Cada lado debe medir al menos 32 píxeles, y el lado largo menos de 4096 píxeles.
  • Recorte: Eliminar área recortada debe estar desactivado.
• Resultado: una barra de progreso muestra cuánto falta. El Formato y la Calidad elegidos se aplican al resultado.
• Consejo: Cancelar ampliación la detiene. Tras un fallo, Reintentar la empieza de nuevo.

Modelos

Los dos modelos son versiones de Swin2SR, un modelo de IA para ampliar imágenes. Se descargan de Hugging Face la primera vez que los usas, y tu imagen se amplía en tu dispositivo.

• Automático (Rápido 2x) / Automático (Foto 4x): usa Rápido para ampliaciones de hasta 2×, y Foto por encima. La etiqueta muestra cuál usará.
• Rápido (2x, ~8 MB): un modelo pequeño que duplica el tamaño, para ampliaciones de hasta 2×.
• Foto (4x, ~53 MB): un modelo mayor que hace la imagen 4 veces más grande. También sirve para ampliaciones menores.

Cada modelo amplía en una cantidad fija propia, y después el resultado se ajusta al tamaño que pediste. Los tamaños de descarga son aproximados.

Lotes

Da los mismos ajustes a varias imágenes o vídeos a la vez.

• Operación:
  1. Selecciona las imágenes o los vídeos y elige Editar archivo en el panel de acciones.
  2. Fija las opciones compartidas en el panel de atributos. Con vídeos, Generar muestra la vista previa de uno de ellos.
  3. Aplica el resultado. Los archivos que aún no tienen vista previa se procesan entonces.
• Necesita:
  • Tipo: imágenes o vídeos, no ambos.
  • Cada archivo: uno que podría usar Editar archivo por sí solo.
• Resultado: los archivos se procesan uno tras otro:
  • Si uno falla, los demás terminan igualmente.
  • Un solo deshacer revierte todo el lote.
• Consejo:
  • El formato inicial es SVG para un lote de SVG, normalmente el formato de la primera imagen para un lote de imágenes de píxeles, y normalmente PNG para una mezcla de ambos.
  • Un lote grande de vídeos puede pedirte que elijas Continuar antes de procesarlo.

Las opciones del lote:

• Elemento anterior: muestra el archivo anterior en la vista previa.
• Elemento siguiente: muestra el archivo siguiente.
• Resolución: un ancho o alto compartido por todos los archivos:
  • Cada archivo conserva sus proporciones.
  • Al redimensionar, ningún lado supera 4096 píxeles. Las imágenes que no redimensionas conservan su tamaño.
  • Las imágenes pequeñas pueden crecer más de 4 veces.
• Nombre de exportación: el nombre de las imágenes descargadas, que se numeran. Los vídeos descargados conservan sus propios nombres, seguidos de -compressed y la extensión del archivo.
• Cancelar: detiene el lote. Los archivos ya terminados se conservan, pero un ZIP sin terminar no se guarda.

Optimizar al importar

Los archivos importados pueden aligerarse en dos lugares:

• Ajustes de la app: opciones que se aplican a las imágenes que importas.
• Una ventana de compresión: se abre sola con los archivos compatibles demasiado grandes para un tablero.

Optimización automática

Abre el menú de la app y elige Ajustes de la app. Estas opciones se aplican a las imágenes que importas:

• Optimizar raster: comprime las imágenes fijas hechas de píxeles, como las fotos. Los GIF no cambian.
• Optimizar SVG: una limpieza ligera de los archivos SVG, que los mantiene fáciles de editar.
• Dimensión máxima de imagen: las imágenes fijas de píxeles más grandes se reducen a este ancho o alto, aunque Optimizar raster esté desactivado. No se aplica a SVG ni GIF.

Las imágenes de píxeles animadas y los GIF omiten estos ajustes.

Archivos demasiado grandes para un tablero

Las imágenes de más de 10 MB y los vídeos de más de 50 MB son demasiado grandes para añadirlos a un tablero. Cuando importas uno, se abre una ventana para comprimirlo antes: Comprimir imagen para importar o Comprimir video para importar.

• Operación:
  1. Importa el archivo.
  2. Cambia los ajustes de la ventana si hace falta. Con un vídeo, también puedes elegir qué parte conservar.
  3. Revisa la vista previa y elige Importar comprimida (imágenes) o Importar comprimido (vídeos). Con un vídeo, elige Generar vista previa de nuevo después de cambiar un ajuste.
• Necesita:
  • Imágenes: imágenes JPEG, PNG o WebP fijas. Los SVG, los GIF y las imágenes animadas que superan el límite no pueden importarse.
  • Vídeos: dentro de los límites.
• Resultado: el archivo comprimido se añade al tablero. Con varios archivos, sigue el siguiente.

Los otros botones de la ventana:

• Restablecer ajustes (imágenes) o Restablecer (vídeos): vuelve a los ajustes por defecto.

• Cancelar vista previa: detiene la vista previa de un vídeo.

• Descargar: guarda el archivo comprimido en tu dispositivo.

• Omitir: deja fuera este archivo, al importar varios.

• Cancelar: detiene los archivos que quedan por importar.

Exportar desde cámaras

Un atajo que convierte lo que ve una cámara en una imagen y la comprime en el mismo paso. La captura se abre en el mismo espacio de trabajo que Editar archivo, así puedes fijar su formato, su calidad y su tamaño antes de añadirla al tablero, descargarla o copiarla.

• Operación:
  1. Fija la vista de la cámara y su tamaño de exportación.
  2. Elige Crear y editar imagen, o Crear y editar imágenes para varias cámaras, en el panel de acciones.
  3. Fija las opciones de imagen en el panel de atributos y después elige:
     • Crear elemento de imagen: añade la imagen al tablero. Para varias cámaras, Crear elementos de imagen.
     • Descargar: guarda la imagen en tu dispositivo. Para varias cámaras, Descargar ZIP o Descargar archivos.
     • Copiar: copia la imagen como PNG.
• Necesita: contenido dentro de la vista de la cámara, o una lente que genere su propia imagen.
• Resultado: cada imagen muestra el tablero tal como estaba en ese momento. Los cambios posteriores no la actualizan, y las cámaras siguen igual.

Límites

• Ampliar una sola imagen: una imagen de píxeles puede crecer hasta 4 veces su tamaño original y hasta 4096 píxeles en el lado largo. Las imágenes que no redimensionas conservan su tamaño, aunque pasen de 4096 píxeles.
• Vídeos que comprimir: hasta 250 MB, 10 minutos de duración y 4096 píxeles en el lado largo.
• Vídeos en el tablero: hasta 50 MB. Las descargas pueden ser mayores.
• Ampliaciones con IA: cada resultado debe ocupar como máximo 10 MB para colocarse en el tablero o descargarse.
• Imágenes de cámara: hasta 96 megapíxeles cada una.
• Descargas: un lote, o un conjunto de imágenes de cámara, puede guardar hasta 1 GB en total. Las imágenes de cámara añadidas al tablero comparten el mismo total.