Optimizar imágenes sin pérdida de calidad
🤖/image/optimize reduce el tamaño de las imágenes manteniendo la misma calidad visual.

Con este Robot puedes reducir el tamaño de archivo de tus imágenes JPEG, PNG, GIF, WEBP y SVG hasta en un 80 % para imágenes grandes y un 65 % para imágenes pequeñas y medianas, sin alterar su calidad original.
Este Robot te permite reducir tus costos de almacenamiento y ancho de banda, además de mejorar la experiencia de usuario y la monetización al reducir el tiempo de carga de páginas web con muchas imágenes.
Funciona bien junto con 🤖/image/resize para llevar todo el potencial de las imágenes redimensionadas y optimizadas a tu sitio web o aplicación.
Este Robot acepta todos los tipos de imagen y simplemente transfiere sin optimizar los tipos no compatibles, incluidas las imágenes JPEG XL (.jxl) cuando no se puede generar un resultado optimizado más pequeño. Por lo tanto, no es necesario configurar flujos de trabajo de 🤖/file/filter para ello.
De forma predeterminada, la optimización de PNG solo utiliza compresores sin pérdida (optipng). Para activar también la compresión con pérdida (pngquant), establece lossy: true. Cuando se activa, los compresores con y sin pérdida compiten y se elige el resultado más pequeño, lo que puede causar cambios de color en algunas imágenes.
Ejemplo de uso
Optimiza imágenes subidas:
{
"steps": {
"optimized": {
"robot": "/image/optimize",
"use": ":original"
}
}
}Parámetros
interpolateboolean | Record<string, boolean>Controla si las Assembly Variables se interpolan en campos de instrucciones individuales.
De forma predeterminada, la mayoría de los campos de instrucciones de los Robots interpolan Assembly Variables. Establece esta opción en
falsepara tratar todos los campos de instrucciones como texto literal, o establece la ruta de un campo individual enfalsepara tratar únicamente ese campo como texto literal. En el caso de los campos específicos de un Robot que son literales de forma predeterminada, establece esta opción entrueo la ruta de ese campo entruepara volver a habilitar la interpolación.Usa nombres de campos como
patho rutas con puntos comoffmpeg.vfpara los objetos anidados.output_metaRecord<string, boolean> | boolean | Array<string>Te permite especificar un conjunto de metadatos cuyo cálculo requiere más recursos de CPU y que, por lo tanto, está desactivado de forma predeterminada para que tus Assemblies se procesen rápidamente.
Para imágenes, puedes añadir
"has_transparency": truea este objeto para determinar si la imagen contiene partes transparentes y"dominant_colors": truepara extraer un array de códigos de color hexadecimales de la imagen.Para imágenes, también puedes añadir
"blurhash": truepara extraer una cadena BlurHash, una representación compacta de un marcador de posición para la imagen que resulta útil para mostrar una vista previa desenfocada mientras se carga la imagen completa.Para videos, puedes añadir el parámetro
"colorspace": truepara extraer el espacio de color del video de salida.Para videos, también puedes añadir
"interlaced": truepara detectar si el video está entrelazado. Esto combina el indicadorfield_orderde ffprobe, cuyo costo en recursos de procesamiento es bajo, con una pasada de muestreo limitada medianteidetsobre los primeros fotogramas de la fuente, y exponeinterlaced,field_ordery un objeto de diagnósticointerlace_detectionenfile.meta. Esto requiere muchos recursos computacionales y se factura en consecuencia.Para audio, puedes añadir
"mean_volume": truepara obtener un único valor que represente el volumen promedio del archivo de audio.También puedes establecerlo en
falsepara omitir la extracción de metadatos y acelerar la transcodificación.user_metaRecord<string, any>(valor predeterminado:{})Añade metadatos personalizados a cada archivo emitido por este Robot sin modificar el contenido del archivo.
Los valores se combinan con los
user_metaexistentes en el archivo de entrada. Si ambos objetos contienen la misma clave, el valor de este Robot tiene prioridad. Se admiten Assembly Variables, por ejemplo{ "internal_file_id": "${file.id}" }.resultboolean(valor predeterminado:false)Indica si los resultados de este Step deben aparecer en el Assembly Status JSON
queuebatchEstablecer la cola en «batch» reduce manualmente la prioridad de los Jobs de este Step para evitar consumir cupos prioritarios con Jobs que no necesitan un tiempo de espera cero en la cola
force_acceptboolean(valor predeterminado:false)Forzar a un Robot a aceptar un tipo de archivo que habría ignorado.
De forma predeterminada, los Robots ignoran los archivos que no reconocen. 🤖/video/encode, por ejemplo, ignorará sin problemas las imágenes de entrada.
Si configuras el parámetro
force_acceptcomotrue, puedes forzar a los Robots a aceptar todos los archivos que reciban. Esto normalmente provocará errores y solo debe usarse para depuración o para abordar casos extremos.ignore_errorsboolean | Array<meta | execute>(valor predeterminado:[])Ignorar errores durante fases específicas del procesamiento.
Establecer este parámetro en
["meta"]hará que el Robot ignore los errores durante la extracción de metadatos.Establecer este parámetro en
["execute"]hará que el Robot ignore los errores durante la fase principal de ejecución.Configurar este parámetro como
trueequivale a["meta", "execute"]y hará que se ignoren los errores en ambas fases.usestring | Array<string> | Array<object> | objectEspecifica qué Step o Steps se usarán como entrada.
- Puedes elegir cualquier nombre para los Steps, excepto
":original"(reservado para las subidas de usuarios gestionadas por Transloadit) - Puedes proporcionar varios Steps como entrada mediante arrays:
{ "use": [ ":original", "encoded", "resized" ] } - También puedes etiquetar los Steps de entrada con
aspara comunicar la intención semántica a los Robots:{ "use": [ { "name": ":original", "as": "image" }, { "name": ":original", "as": "mask" } ] }
ConsejoProbablemente eso sea todo lo que necesitas saber sobre
use, pero puedes consultar los casos de uso avanzados.- Puedes elegir cualquier nombre para los Steps, excepto
prioritycompression-ratio | conversion-speed(valor predeterminado:"conversion-speed")Proporciona distintos algoritmos que ofrecen una mejor o peor compresión para tus imágenes, pero que se ejecutan a menor o mayor velocidad. El valor
"conversion-speed"producirá una tasa de compresión promedio del 18 %."compression-ratio"producirá una tasa de compresión promedio del 31 %.progressiveboolean(valor predeterminado:false)Entrelaza la imagen si se establece en
true, lo que hace que la imagen resultante se cargue progresivamente en los navegadores. En lugar de renderizarla de arriba abajo, el navegador mostrará primero una versión borrosa de baja resolución que se reemplazará rápidamente por la imagen real a medida que lleguen los datos. Esto mejora considerablemente la experiencia del usuario, pero reduce aproximadamente en un 10 % el ahorro en el tamaño del archivo.preserve_meta_databoolean(valor predeterminado:true)Especifica si deben conservarse los metadatos de la imagen durante la optimización. Si no se conservan, el tamaño de archivo se reduce aún más. Sin embargo, ten en cuenta que esto podría eliminar la información de derechos de autor del fotógrafo, lo cual, por motivos evidentes, puede estar mal visto.
fix_breaking_imagesboolean(valor predeterminado:true)Si se establece en
true, este parámetro intenta reparar imágenes que, de otro modo, harían que la herramienta subyacente generara un error y, por tanto, provocarían fallos en tus Assemblies. Sin embargo, a veces esto puede producir un archivo de mayor tamaño.lossyboolean(valor predeterminado:false)Cuando se establece en
false(el valor predeterminado), solo se usan optimizadores de PNG sin pérdida y se desactiva pngquant para preservar la precisión del color.Cuando se establece en
true, los optimizadores de PNG con y sin pérdida compiten, y se elige el resultado más pequeño. Esto permite usar pngquant, un compresor con pérdida que reduce los PNG a una paleta de 256 colores, lo que puede provocar cambios perceptibles de color en imágenes con paletas de colores variadas, degradados sutiles o colores específicos de una marca.NotaEste parámetro solo afecta a la optimización de PNG. La optimización de JPEG, GIF, WebP y SVG no se ve afectada.
Demos
Publicaciones relacionadas del blog
- Enhancing web speed with lossless image optimization (English)
- Enhanced PNG optimization with Pngquant integration (English)
- Auto-optimize images for lower costs & bandwidth (English)
- New pricing model for future Transloadit customers (English)
- Efficient Dropbox to SFTP file transfer with optimization (English)
- How to reduce image file sizes without losing quality (English)