Recorrido de Dynamic Media: Conceptos básicos, parte I

Bienvenido al Recorrido de Dynamic Media.

Este recorrido cubre los conceptos básicos de Dynamic Media, cómo funciona, qué puede hacer por usted y qué valor aporta a su trabajo y a sus clientes.

Requisitos previos

• Comprensión básica de los formatos de imagen y vídeo
• Comprensión básica de HTML y CSS
• Comprensión básica de las herramientas de diseño como Adobe Illustrator, Adobe Photoshop y Adobe XD
• El acceso a Dynamic Media en Experience Manager es útil, pero no obligatorio

Lo que puede esperar aprender

Parte I

• ¿Qué es Dynamic Media y cómo puede ayudarle?
• Casos de uso para Dynamic Media
• Flujo de recursos a través del sistema de Dynamic Media

Parte II

• Estructura de una URL de Dynamic Media y cómo Dynamic Media entrega el contenido
• Aspectos básicos de la creación de ajustes preestablecidos de imagen para procesar recursos
• Conjuntos de imágenes, conjuntos de giros y conjuntos de medios mixtos

Audiencia
La audiencia que mejor se adapta a los lectores de este recorrido son los siguientes usuarios nuevos de Dynamic Media en Experience Manager:

• Administrador
• Analista empresarial
• Arquitecto de contenido
• Autor de contenido
• Designer
• Desarrollador
• Marketing
• Product Manager/Owner

¿Qué es Dynamic Media y cómo puede ayudarle?

Dynamic Media le ayuda a ofrecer recursos de marketing y comercialización visuales enriquecidos bajo demanda. También le ayuda a crear y ofrecer experiencias de visualización interactivas, como zoom, giro de 360 grados y vídeo. Los recursos se escalan dinámicamente para su consumo en sitios web, móviles y sociales. Al utilizar un conjunto de recursos de origen principales, como imágenes, vídeo y 3D, Dynamic Media genera y ofrece varias variaciones de este contenido enriquecido, en tiempo real a través de su CDN (red de distribución de contenido) global, escalable y optimizada para el rendimiento.

Dynamic Media incorpora los flujos de trabajo de la solución de administración de activos digitales de Adobe Experience Manager para simplificar y optimizar el proceso de administración de campañas digitales.

Un archivo con infinitas posibilidades

Uno de los puntos principales que hay que comprender sobre Dynamic Media es el concepto de Un archivo de recursos principal con infinitas posibilidades.

Para comprender mejor este concepto, piense en la forma en que trabaja tradicionalmente con un solo recurso, como una imagen o un vídeo. Normalmente, se crea un recurso principal. A continuación, cree manualmente versiones de ese mismo recurso para cada experiencia, cada dispositivo que se necesite, cada página web y cada propiedad donde se utilice. Con el tiempo, ese recurso único puede crecer hasta 20, 30 o más versiones, sin que se les adjunte un historial de versiones. Ahora, imaginen hacer eso para cada imagen o video que tengan. El número de versiones de recursos se convertiría rápidamente en abrumador para mantener y actualizar, sin mencionar el aumento en los costes de almacenamiento.

Sin embargo, Dynamic Media es fundamentalmente diferente de otros sistemas porque se utiliza para distribuir contenidos dinámicamente desde recursos únicos, principales y desde llamadas de URL. Las rutas de URL de Dynamic Media que solicita incluyen instrucciones que indican al servidor de publicación de Adobe cómo mostrar el recurso cuando se envía a la pantalla de un cliente. Por ejemplo, con el mismo recurso principal, puede entregarlo instantáneamente en representaciones ilimitadas, cambiando el tamaño, el formato, la resolución, el peso, el color, el recorte y los efectos como una vista de zoom.

Este método de entrega único garantiza que las experiencias de calidad coherentes se envíen a cualquier pantalla, independientemente del tamaño o el ancho de banda. Los vídeos de tamaño completo también están optimizados para todos los tipos de pantalla y se transmiten de forma adaptativa para garantizar una experiencia de usuario uniforme y de calidad.

Adobe Dynamic Media garantiza que las experiencias coherentes y de calidad se entreguen a cualquier pantalla, independientemente del tamaño o el ancho de banda.

A medida que siga leyendo, aprenderá más sobre por qué este concepto de "un archivo de recursos principal, posibilidades ilimitadas" es importante.

La red de distribución de contenido

Cuando esté listo para su lanzamiento con un recurso de imagen o de vídeo, la red troncal de Dynamic Media, que consta de una potente red de entrega de nivel superior, lo admite. La red atiende a cientos de clientes en todo el mundo todos los días. Los recursos se distribuyen en la red de entrega de contenido (o CDN) alojada en Akamai. La red de distribución de contenido (CDN) es un sistema de servicios informáticos conectados en red que cooperan de forma transparente para ofrecer contenido, especialmente contenido multimedia enriquecido de gran tamaño, a los usuarios finales.

En el sistema CDN, el contenido web se almacena en cachés web a través de Internet. A continuación, se envía desde la caché web a los usuarios finales para realizar una entrega más rápida. Por lo tanto, la primera vez que alguien descarga una página web, los recursos que ve se envían a una caché de CDN. Se almacenan en el servidor para que la próxima vez que alguien en la misma área acceda a la página web, el mismo contenido de la caché se envíe más rápido. El contenido se entrega más rápido porque se encuentra más cerca del usuario final. Una CDN hace que la página web se muestre más rápido y, sin embargo, reduce la demanda de ancho de banda en el servidor central porque el contenido se entrega desde una red de caché, no desde un servidor central en cada caso. Este flujo optimizado significa una mejor experiencia de usuario, lo que conduce a mayores ventas.

Históricamente, la CDN entrega 3,5 petabytes de tráfico a los clientes, cada mes. El sistema puede entregar 52.000 millones de activos en un solo día. Ese número equivale a 864.000 imágenes y vídeos entregados con éxito a los clientes, cada segundo.

Imágenes inteligentes

Dynamic Media ya realiza un bueno trabajo de optimización de recursos y garantía de que cada recurso se cargue rápidamente en sistemas móviles y de escritorio, a través de la red de distribución de contenido (CDN). Para que esto suceda, se utilizan ajustes preestablecidos de imagen en Dynamic Media para definir la calidad de la imagen. También definen el tipo de imagen que está enviando, su nitidez y otras piezas para diversas partes de sus experiencias o páginas.

Pero para añadir valor a Dynamic Media más allá de los ajustes preestablecidos de imagen, hay Imágenes inteligentes.

Imágenes inteligentes proporciona un rendimiento de entrega de recursos de imagen aún mejor al optimizar automáticamente el formato y el tamaño de archivo de una imagen en función de la capacidad del explorador del cliente. Funciona con los ajustes preestablecidos de imagen existentes (los ajustes preestablecidos de imagen se tratan en la parte II de este recorrido) y utiliza inteligencia en la entrega.

Esta inteligencia reduce aún más el tamaño del archivo de imagen en función de la velocidad de conexión de red y del explorador. Dado que los recursos de imagen representan la mayor parte del tiempo de carga de una página, la mejora de rendimiento puede tener un impacto profundo en los indicadores clave de negocio, como:

• Mayor conversión
• Tiempo empleado en el sitio
• Tasa de salida hacia otro sitio inferior

En general, con imágenes inteligentes, se puede esperar una mejora del rendimiento del 22 % al 47 % en función de los ajustes preestablecidos de imagen existentes y las características específicas del usuario final. Todo manteniendo la calidad de imagen como si nunca se tocara.

Smart Imaging optimiza automáticamente el formato y el tamaño de archivo de una imagen en función de la capacidad del explorador y la velocidad de red del cliente.

Las imágenes inteligentes no están activadas de forma predeterminada porque requieren un esfuerzo coordinado entre usted y el servicio de asistencia técnica de Dynamic Media de Adobe. Además, para habilitar Imágenes inteligentes es necesario borrar completamente la caché de CDN, que luego se rellenará con el tiempo. Si está interesado en utilizar imágenes inteligentes, puede trabajar con Adobe para activarlo enviando un ticket de asistencia técnica. El soporte técnico le proporciona un parámetro de URL que le permite probar, de antemano, imágenes inteligentes. Puede probarlo en cualquiera de sus páginas web o imágenes para que pueda ver el rendimiento que obtiene y los ahorros. A continuación, puede activar las imágenes inteligentes para todo el sitio.

Conjuntos de vídeos adaptables

Cuando hay un vídeo en una página o en una página principal, los clientes tienden a interactuar con ese contenido durante más tiempo y a permanecer en la página más tiempo, lo que generalmente es bueno. Este comportamiento se ha demostrado a través de análisis que el Adobe ha realizado. Sin embargo, el vídeo puede ser complejo. Por un lado, a menudo tiene un archivo principal grande. Es complicado determinar el tamaño y la entrega del vídeo, todo para garantizar que la experiencia se ejecute sin problemas independientemente del dispositivo en el que se esté viendo e independientemente del ancho de banda.

Para solucionar este problema, Dynamic Media le permite crear lo siguiente Conjuntos de vídeos adaptables.

Un conjunto de vídeos adaptable agrupa versiones del mismo vídeo que se codifican en diferentes velocidades de bits y formatos.

Empiece con el vídeo original principal, que carga en el sistema. Dynamic Media cambia de tamaño automáticamente, o transcodificar, ese vídeo en varios vídeos. A continuación, en el momento de la entrega, determina de forma inteligente qué pantalla de vídeo, qué calidad y qué formato utilizar, y la envía al teléfono, a la tableta o al equipo de escritorio.

Por ejemplo, en un dispositivo móvil iOS, detecta un ancho de banda como 4G, 5G o Wi-Fi. A continuación, selecciona automáticamente el vídeo codificado correcto entre las distintas velocidades de bits de vídeo dentro del conjunto de vídeos adaptables. El vídeo se transmite a dispositivos móviles, tabletas o equipos de escritorio.

Además, la calidad de vídeo cambia automáticamente si cambian las condiciones de la red. Además, si un cliente entra en modo de pantalla completa en un equipo de escritorio, el conjunto de vídeos adaptable responde con una mejor resolución, lo que mejora la experiencia de visualización del cliente.

El uso de conjuntos de vídeos adaptables proporciona una reproducción suave y de alta calidad para los clientes que reproducen vídeo de Dynamic Media en varias pantallas y dispositivos. Realmente elimina la complejidad del vídeo.

Casos de uso para Dynamic Media

A continuación se indican algunos casos de uso comunes y soluciones con las que Dynamic Media puede ayudarle para impulsar una participación positiva de los clientes, la lealtad, la conversión y un ROI aumentado.

Caso de uso: enfoque de archivo principal

Uno de los casos de uso más importantes para Dynamic Media es también uno de los más obvios. Es decir, reducir el peso de las páginas y experiencias, y el tamaño del contenido, ya sea una imagen o un vídeo, que se está entregando.

A continuación se muestra una experiencia típica o una página web. Alrededor del 90% de una página está formada por medios enriquecidos, como imágenes y vídeos, que suelen ser archivos mucho más pesados.

Peso de página de contenido de una página web típica.

El 10 % restante es HTML, código CSS y etiquetas específicas. Desea optimizar el 90 % de peso de esa página y Dynamic Media le ayuda con ese esfuerzo. Antes, leíste sobre el concepto de un archivo de recursos principal con infinitas posibilidades. Este enfoque es significativo para reducir el peso total de la página. La capacidad de tomar un recurso principal y utilizarlo en una página de detalles del producto, una página de miniaturas, el carro de compras y la cuadrícula de búsqueda es un bueno ahorro de tiempo. Además, garantiza la coherencia en todas las experiencias.

El reloj es un archivo de recursos principal, pero con varias representaciones (no copias) creadas sobre la marcha.

Veamos más de cerca los problemas que Dynamic Media está resolviendo con el archivo y algunas de las soluciones a ese enfoque.

Cuando piensa en un archivo, está creando un recurso para cada tipo de experiencia. Es posible que tenga una imagen inicial y luego tenga que crear 20, 30 o 40 variaciones de esa imagen, que finalmente tiene que almacenar y pagar por ese almacenamiento.

Luego debe asegurarse de que se utiliza la imagen correcta y que esto puede afectar a su capacidad para tener coherencia en todas las marcas. Y, si no encuentra una imagen, debe volver a entrar y duplicar esos recursos.

Dynamic Media permite crear variaciones de imágenes sobre la marcha a partir de esa imagen inicial. Le permite ser creativo con ese recurso principal y no tener que ir y venir con su artista de diseño gráfico o estudio de fotografía para crear contenido adicional. Y eso es dinero y tiempo ahorrado.

Con el enfoque de un solo archivo, se utiliza un solo archivo principal. A continuación, cree las versiones o representaciones necesarias en los sitios, las propiedades y las experiencias solo en el momento en que un cliente las envía o las ve. Esta eficiencia puede disminuir en gran medida la cantidad de almacenamiento necesario para sus recursos y reducir la complejidad general del flujo de trabajo. Además, con el sistema de entrega de Dynamic Media, se garantiza que todas las imágenes y vídeos estén optimizados, se carguen rápidamente y tengan un aspecto bueno en todas las pantallas y dispositivos.

Caso de uso: vídeo

Otro caso de uso que Dynamic Media resuelve es el vídeo. El vídeo es complejo. Es difícil de manejar. Los archivos de vídeo son difíciles de almacenar y mover debido a sus tamaños de archivo inherentes.

Los clientes acuden a Dynamic Media con el siguiente problema que esperan solucionar:

"Tenemos el video, y gastamos una gran cantidad de dinero creándolo. Pero evitamos colocarlo en páginas o entregarlo, porque de nuestras pruebas, no podemos garantizar la calidad del video, o si realmente se va a reproducir. Y, en última instancia, eso afecta a nuestras marcas y, potencialmente, a nuestro papel, incluso en la conversión."

La solución de Dynamic Media es tomar ese archivo de vídeo principal y permitir que Dynamic Media haga todos los tamaños a través de su proceso de transcodificación. A continuación, vincúlelo con el reproductor de vídeo inteligente de Dynamic Media. Este flujo de trabajo garantiza que, tanto si utiliza ese vídeo en la página de aterrizaje principal, como en una categoría o página de detalles del producto, será coherente en todo y se entregará con una alta calidad.

Estos son varios casos de uso más que hay que tener en cuenta.

Caso de uso: Una sola fuente de verdad

Caso de uso: Recorte inteligente con tecnología de IA para medios enriquecidos

Caso de uso: Creación de medios interactivos

Flujo de recursos a través del sistema de Dynamic Media

A continuación se muestra un flujo de trabajo típico de Dynamic Media.

Flujo de recursos a través del sistema de Dynamic Media.

Se comienza con la fase de creación con el objetivo principal de que el recurso principal finalice. Estos recursos principales podrían proceder de sesiones fotográficas, de proveedores de vídeo o podrían ser algunos archivos de audio que haya creado. Puede utilizar las aplicaciones de Creative Suite de Adobe, como Adobe InDesign, Adobe Photoshop o Adobe Illustrator, para ayudarle a trabajar con el contenido.

Cuando finalice la parte de creación, cargue el recurso en la solución de creación y cárguelo en Dynamic Media. En Dynamic Media, asegúrese de tener los ajustes preestablecidos de imagen y los visores adecuados en línea para las distintas páginas web del sitio.

Y, en última instancia, optimiza todo ese contenido y lo publica en servidores de Dynamic Media para que esté disponible para la web, la impresión, el correo electrónico, los escritorios y los dispositivos móviles.

Carga de recursos en Dynamic Media

Cuando termine de crear un recurso principal, cárguelo en Dynamic Media. El tipo de archivo que carga y el formato y el tamaño del archivo son atributos importantes para Dynamic Media. Es en el momento de la carga que desea asegurarse de obtener el máximo valor de la compatibilidad con un archivo.

Por ejemplo, la imagen del reloj siguiente es de 4560 x 3020 píxeles. Y aunque es posible que nunca use una imagen de ese tamaño, aún puede cargarla. Cuanto mayor sea la imagen, mejor será la calidad que Dynamic Media puede ofrecer, incluso en una representación de miniaturas. Recuerde: puede disminuir la resolución de una imagen existente. Pero si intentas… aumento Con la resolución de una imagen, es probable que el resultado sea insatisfactorio.

Consideraciones para las cargas de recursos.

El Adobe recomienda cargar los recursos en un formato sin pérdidas. Por lo general, es mejor evitar el JPEG porque cuando entrega un JPEG o cuando sigue ahorrando JPEG, empieza a perder calidad de imagen con el tiempo. Desea comenzar con las imágenes de mayor resolución en un formato sin pérdidas con el que puede vivir. Dicho formato suele ser un archivo TIFF o PNG.

En cuanto al espacio de color, cuando se piensa en un canal digital o una vista web, normalmente se piensa en el RGB (rojo, verde, azul).

La mayoría nunca pensaría en entregar algo en CMYK o por qué podría incluso querer hacerlo en CMYK. El motivo es que ese espacio de color se utiliza con más frecuencia para enviar artículos impresos. Sin embargo, Dynamic Media puede ofrecer en ambos espacios de color.

Hay muchos clientes que todavía imprimen, como los clubes de venta al por mayor de almacenes. Y hay tiendas de comestibles que a menudo imprimen volantes semanalmente. Estos clientes requieren que sus imágenes estén en ambos espacios de color. Tradicionalmente, eso requeriría dos imágenes diferentes: una en RGB y otra en CMYK. Sin embargo, puede cargar recursos CMYK directamente en Dynamic Media y hacer que Dynamic Media envíe recursos de RGB a través de un ajuste preestablecido de imagen o a través de un perfil de color automáticamente. No es necesario crear varias versiones de un archivo, manteniendo así el concepto de un archivo de recursos principal con infinitas posibilidades.

Publicación y previsualización de recursos

Una vez cargados los recursos en Dynamic Media, se recomienda hacer lo siguiente publicar para ello, seleccione los recursos y haga clic en Publish o Publicación rápida en Dynamic Media. La publicación de recursos es necesaria si desea utilizarlos en cualquier experiencia. Una vez publicados, los recursos están disponibles para su inclusión en una página web mediante una URL generada por Dynamic Media que copia, o mediante la incrustación de código en la página.

Además de publicar recursos manualmente, puede configurar Dynamic Media para que publique recursos al instante, sin ninguna intervención del usuario, en el momento de la carga.

Después de la carga, hay diferentes formas de previsualizar las representaciones de un recurso en Dynamic Media. La vista previa de representaciones puede ayudarle a hacerse una idea de lo que ve un cliente. Un método de previsualización común es seleccionar un recurso y luego ver sus representaciones seleccionando un ajuste preestablecido de imagen como se ve a continuación.

Vista previa de una representación de un recurso en función del ajuste preestablecido de imagen "grande" seleccionado. Se hizo clic en el botón URL. La ruta URL resultante contiene el nombre del ajuste preestablecido de imagen "Grande" y se puede utilizar en una página web.

La URL anterior está activa. Pruébelo..

Otro método para previsualizar un recurso es seleccionar el recurso de imagen y, a continuación, seleccionar un Espectadores ajuste preestablecido como se ve en los siguientes.

Vista previa de un recurso en función del ajuste preestablecido de visualizador "ZoomVertical_light" seleccionado. El puntero del mouse (+) se ha movido sobre el reloj para ampliar. Observe los botones URL e Incrustar.

La representación anterior está activa. Pruébelo..

Opcional: Más información

La parte I de este recorrido abarcó los conceptos básicos de una variedad de temas de Dynamic Media. Si desea obtener más información sobre lo que acaba de leer, utilice los materiales siguientes para explorar conceptos en bueno detalle. De lo contrario, puede continuar con la Parte II de su recorrido. Consulte Qué sigue en este Recorrido de Dynamic Media.

Temas de ayuda de Dynamic Media

• Trabajo con Dynamic Media en Experience Manager
• Acerca de las imágenes inteligentes
• Cómo crear conjuntos de vídeos adaptables
• Práctica recomendada para optimizar la calidad de las imágenes
• Cómo cargar recursos
• Previsualización de recursos
• Previsualización de recursos 3D
• Entrega de recursos de Dynamic Media
• Cómo publicar recursos
• Trabajo con Publicación selectiva en Dynamic Media

Tutoriales de Dynamic Media

• Uso de Dynamic Media con Experience Manager Assets
• Biblioteca de contenido de Adobe Experience Manager (buscar en Dynamic Media)

Visores de Dynamic Media

• Demostraciones en directo de cada visor

Qué sigue en este Recorrido de Dynamic Media

En la parte II de este recorrido, se examinan las direcciones URL de Dynamic Media un poco más de cerca para comprender mejor qué sucede cuando se entrega un recurso. También obtendrá más información sobre los aspectos básicos de la creación de ajustes preestablecidos de imagen para procesar recursos, y sobre los conjuntos de imágenes, los conjuntos de giros y los conjuntos de medios mixtos y cómo se crean.

Llévame a… Recorrido de Dynamic Media: Conceptos básicos, parte II.

Recursos de Business.Adobe.com