[AEM Assets]{class="badge positive" title="Aplicável ao AEM Assets)."}
Jornada do Dynamic Media: Noções básicas, Parte I dm-journey-part1
-
Você é novo no Dynamic Media? Para obter uma visão geral rápida e de alto nível do Dynamic Media, consulte Trabalhar com Dynamic Media.
-
Siga as Práticas recomendadas do Dynamic Media para obter o máximo de valor.
-
Experimente os recursos de imagem do Dynamic Media com a ferramenta de Instantâneo.
-
Garanta uma reprodução de vídeo sem problemas com o vídeo adaptável.
-
Recorte automático de imagens com Recorte Inteligente.
-
Recorte automático de vídeos com Recorte Inteligente.
-
Forneça uma experiência interativa baseada em 3D.
Este guia apresenta o Dynamic Media no Adobe Experience Manager, explicando como o sistema funciona, os principais recursos que ele oferece e como ele acelera a criação, o gerenciamento e a disponibilização de mídia visual avançada na Web, em dispositivos móveis e em canais de marketing. O Dynamic Media permite que as organizações forneçam imagens e vídeos interativos, responsivos e sob demanda a partir de um único ativo principal, reduzindo as despesas gerais de produção e melhorando a experiência do cliente em todos os pontos de contato.
Pré-requisitos
Antes de iniciar esta jornada, os leitores se beneficiarão da familiaridade com as seguintes áreas, pois o Dynamic Media interage diretamente com esses formatos, tecnologias e fluxos de trabalho de design:
- Compreensão básica de formatos de imagem e vídeo — necessária porque o Dynamic Media assimila, transforma e fornece ativos em várias codificações.
- Conhecimento básico da HTML (HyperText Markup Language) e das CSS (Cascading Style Sheets) — útil para incorporar e estilizar entregas do Dynamic Media em páginas da Web.
- Conhecimento básico das ferramentas de design, como Adobe Illustrator, Adobe Photoshop e Adobe XD — úteis porque os ativos de origem do Dynamic Media normalmente são produzidos nesses aplicativos.
- O acesso ao Dynamic Media no Adobe Experience Manager é útil, mas não é necessário para acompanhar conceitualmente.
O que você pode esperar saber
Parte I
- O que é a Mídia dinâmica e como ela oferece suporte à entrega de mídia avançada escalável de alto desempenho.
- Casos de uso práticos do Dynamic Media, incluindo imagens responsivas, vídeo interativo, rotações de produto de 360° e experiências visuais personalizadas para comércio eletrônico e marketing.
- Como um ativo flui pelo sistema Dynamic Media, da assimilação ao processamento até a entrega ao usuário final.
Parte II
- Anatomia de uma URL do Dynamic Media e como o Dynamic Media fornece conteúdo sob demanda por meio de seu servidor de imagem.
- Princípios básicos da criação de predefinições de imagem para renderizar ativos nas dimensões, formatos e configurações de qualidade necessários.
- Conjuntos de imagens (coleções de imagens de produtos relacionadas para exibições alternativas), conjuntos de rotação (sequências de imagens que criam uma exibição rotativa de 360° de um produto) e conjuntos de mídia mista (combinações de imagens, vídeo e conjuntos de rotação em um único visualizador interativo).
Público-alvo
Esta jornada foi projetada para as seguintes funções que são novas no Dynamic Media no Adobe Experience Manager:
- Administrador
- Analista de negócios
- Arquiteto de conteúdo
- Autor de conteúdo
- Designer
- Desenvolvedor
- Profissional de marketing
- Gerente de produto/líder
O que é o Dynamic Media e como ele pode ajudá-lo? dm-journey-a
O Dynamic Media é uma solução da Adobe que permite que marcas e profissionais de marketing forneçam ativos visuais avançados de merchandising e marketing sob demanda. Trabalhando com um conjunto de ativos de origem primária, como imagens, vídeo e 3D, o Dynamic Media gera e entrega várias variações deste conteúdo avançado em tempo real por meio de sua CDN (Rede de Entrega de Conteúdo) global, escalonável e otimizada para desempenho.
Principais recursos
O Dynamic Media cria e fornece experiências de visualização interativa, incluindo:
- Zoom — exibição de close-up de alta resolução de imagens do produto
- rotação de 360 graus — exibições de produto rotacionais que permitem aos compradores examinar um item de todos os ângulos
- Vídeo — mídia de streaming fornecida com ativos estáticos
Os Assets são dimensionados dinamicamente para consumo em sites da Web, móveis e sociais. Como a renderização ocorre em tempo real na CDN, um único ativo principal pode ser reutilizado em todos os canais e tamanhos de dispositivo, eliminando a necessidade de produzir e armazenar manualmente versões separadas para cada destino. Isso reduz as despesas gerais de produção e ajuda a garantir uma experiência consistente da marca sempre que os clientes encontrarem o conteúdo.
Integração com o Adobe Experience Manager Assets
O Dynamic Media incorpora os fluxos de trabalho da solução de gerenciamento de ativos digitais (DAM) Adobe Experience Manager Assets para simplificar e simplificar o processo de gerenciamento de campanhas digitais. Essa integração significa que as equipes de criação, marketing e merchandising podem gerenciar arquivos de origem, aprovações, metadados e delivery de um ambiente unificado — conectando o controle de ativos diretamente ao delivery omnicanal.
Um arquivo com várias opções de entrega
O Adobe Dynamic Media opera com um único princípio principal: um arquivo de ativo principal, várias opções de entrega. Em vez de duplicar e refazer manualmente o controle de versão de mídia para cada canal, dispositivo ou página da Web, o Dynamic Media armazena um único ativo principal e gera cada representação sob demanda dessa origem.
Para entender por que isso é importante, considere o fluxo de trabalho tradicional para um único ativo, como uma imagem ou um vídeo. As equipes normalmente criam um ativo principal e, em seguida, produzem manualmente versões desse mesmo ativo para cada experiência, dispositivo de destino, página da Web e propriedade onde o ativo aparece. Com o tempo, esse único ativo pode aumentar para 20, 30 ou mais versões — geralmente sem histórico de versões anexado. Agora multiplique esse esforço em cada imagem e vídeo de uma biblioteca. O volume de variantes de ativos torna-se enorme para manter e atualizar, e os custos de armazenamento sobem de acordo.
Como o Dynamic Media é diferente
O Dynamic Media é fundamentalmente diferente dos sistemas tradicionais porque profissionais de marketing e desenvolvedores usam o Dynamic Media para fornecer mídia dinamicamente de ativos únicos e principais por meio de chamadas de URL. Os caminhos de URL do Dynamic Media que um cliente solicita contêm instruções incorporadas que informam ao servidor de publicação do Adobe como exibir o ativo quando ele é entregue na tela de um cliente. Como resultado, o mesmo ativo principal pode ser entregue instantaneamente em execuções ilimitadas, com variações instantâneas como:
- Tamanho — dimensões personalizadas para o layout ou ponto de interrupção de destino
- Formato — formato de imagem ou vídeo otimizado para o cliente solicitante
- Resolução — densidade de pixels correspondente à exibição
Isso significa que as equipes não precisam mais pré-gerar e armazenar cada variante possível. Em vez disso, o próprio URL define a representação, e o servidor a produz em tempo real.
Qualidade consistente em todas as telas e largura de banda
Esse método de delivery garante que o Adobe Dynamic Media envie experiências consistentes e de alta qualidade para qualquer tela, independentemente do tamanho ou da largura de banda. O Dynamic Media também otimiza vídeos em tamanho normal para todos os tipos de tela e transmite-os adaptativamente, ajustando a qualidade com base na conexão do visualizador para preservar uma experiência do usuário suave e ininterrupta.
O Adobe Dynamic Media garante que experiências consistentes e de qualidade sejam oferecidas em qualquer tela, independentemente do tamanho ou da largura de banda.
Por que “um ativo principal, várias opções de entrega” é importante
A consolidação em um único ativo principal produz vários benefícios práticos que seguem diretamente do modelo:
- Espaço físico de armazenamento reduzido — um arquivo de origem substitui dezenas de variantes produzidas manualmente.
- Iteração mais rápida — a atualização do ativo primário propaga as alterações em cada representação downstream automaticamente.
- Experiência de marca consistente — todos os dispositivos e canais são fornecidos pela mesma fonte confiável, eliminando discrepâncias entre versões.
- Governança simplificada — uma única fonte da verdade é mais fácil de rastrear, auditar e atualizar do que uma coleção abrangente de cópias ad hoc.
Como explicado nas seções a seguir, esse conceito de “um arquivo de ativo principal, várias opções de entrega” é a base para a maneira como o Dynamic Media dimensiona a entrega de mídia com eficiência na Web, em dispositivos móveis e em experiências conectadas.
A rede de entrega de conteúdo
Quando você está pronto para entrar em operação com um ativo de imagem ou vídeo, o suporte da Mídia dinâmica — uma poderosa rede de fornecimento de nível superior que atende centenas de clientes em todo o mundo todos os dias — é compatível. O Dynamic Media distribui ativos em uma Rede de Entrega de Conteúdo (CDN) hospedada pela Akamai. A CDN é uma rede distribuída de servidores de borda que trabalham em conjunto perfeitamente para fornecer conteúdo, especialmente grandes arquivos de mídia avançada, a usuários finais em todo o mundo.
Como a CDN funciona
O conteúdo da Web é armazenado em caches da Web posicionados na Internet e, em seguida, veiculado do cache mais próximo diretamente aos usuários finais para entrega mais rápida. O processo funciona da seguinte maneira:
- Primeira solicitação: quando alguém baixa uma página da Web pela primeira vez, os ativos são entregues a um cache CDN nessa região geográfica.
- Armazenamento em cache: esses ativos estão armazenados no servidor de borda local.
- Solicitações subsequentes: Na próxima vez que um usuário na mesma área acessar a página, o conteúdo em cache será entregue a partir do servidor próximo, em vez da origem.
O conteúdo chega mais rápido porque está fisicamente mais próximo do usuário, reduzindo a latência da rede e o tempo de ida e volta. Esse é o mecanismo principal que torna as CDNs mais rápidas do que a entrega tradicional de origem única.
Benefícios para usuários finais e empresas
Uma CDN oferece vantagens mensuráveis:
- Exibições mais rápidas da página da Web por meio do armazenamento em cache próximo a localização geográfica
- Redução da demanda de largura de banda no servidor central, pois o conteúdo é distribuído a partir da rede de cache, em vez da origem de cada solicitação
- Experiência do usuário aprimorada, orientada por latência mais baixa e renderização de ativos mais rápida
- Aumento das vendas, já que o fluxo de entrega otimizado mantém os visitantes envolvidos em vez de perdidos para tempos de carregamento lentos
Desempenho e dimensionamento
Operando em escala global maciça, a CDN historicamente fornece:
- 3,5 petabytes de tráfego para clientes a cada mês
- 52 bilhões de ativos em um único dia
- 864.000 imagens e vídeos entregues com êxito aos clientes a cada segundo
Essas figuras ilustram a taxa de transferência e a confiabilidade que a CDN com suporte do Akamai do Dynamic Media traz para a distribuição de mídia avançada.
Imagem inteligente
O Dynamic Media já otimiza ativos e garante que cada ativo seja carregado rapidamente em sistemas móveis e desktop usando uma Rede de entrega de conteúdo (CDN). Para fazer isso, o Dynamic Media usa predefinições de imagem para definir a qualidade da sua imagem. As predefinições de imagem também definem o tipo de imagem que você está enviando, sua nitidez e outros parâmetros de renderização para diferentes partes de suas experiências ou páginas.
Mas para adicionar valor ao Dynamic Media além das predefinições de imagem, há Imagem inteligente.
O Smart Imaging oferece uma melhoria de desempenho de 22% a 47% em relação à entrega padrão do Dynamic Media, dependendo das configurações de predefinição de imagem existentes e das características específicas do usuário final — tudo isso preservando a qualidade da imagem como se o ativo nunca tivesse sido tocado.
Como funciona a imagem inteligente
A Imagem inteligente oferece um desempenho ainda melhor na entrega de ativos de imagem, otimizando automaticamente o formato e o tamanho de arquivo de uma imagem com base na capacidade do navegador do cliente. Ela funciona com suas predefinições de imagem existentes (as predefinições de imagem são discutidas na Parte II desta jornada) e aplica inteligência no momento do delivery.
Esta inteligência reduz ainda mais o tamanho do arquivo de imagem com base no navegador e na velocidade de conexão da rede. Resumindo, o Smart Imaging otimiza automaticamente o formato e o tamanho do arquivo de uma imagem com base no recurso do navegador do cliente e na velocidade da rede, adaptando cada delivery às condições de visualização específicas.
Impacto no desempenho e nos negócios
Como os ativos de imagem compõem a maior parte do tempo de carregamento de uma página, a melhoria de desempenho produzida pelo Smart Imaging influencia diretamente vários indicadores-chave de negócios. A entrega mais rápida de imagens resulta em:
- Taxas de conversão mais altas
- tempo gasto no site aumentado
- Taxa de rejeição de site mais baixa
A cadeia causal é simples: imagens menores e mais otimizadas são carregadas mais rapidamente, páginas mais rápidas criam experiências do usuário mais suaves e experiências mais suaves se traduzem em resultados de envolvimento e receita mais sólidos.
Como ativar imagens inteligentes
O suporte técnico do Adobe Dynamic Media não ativa o Smart Imaging por padrão, pois isso requer um esforço coordenado. A ativação do recurso Smart Imaging também requer a limpeza completa do cache do CDN, que é então reabastecido ao longo do tempo. Isso garante que as variantes de imagem armazenadas em cache anteriormente e não otimizadas sejam substituídas pelos deliveries recém-otimizados.
Para usar a Imagem inteligente, siga estas etapas:
- Enviar um tíquete de suporte técnico ao suporte técnico do Adobe Dynamic Media.
- Receba um parâmetro de URL do suporte técnico que permite a visualização do comportamento do Smart Imaging antes da ativação completa.
- Teste em qualquer página da Web ou imagem para medir os ganhos de desempenho e a economia de tamanho de arquivo em seu próprio conteúdo.
- Solicitar ativação completa para que a Imagem Inteligente seja ativada em todo o site.
Essa abordagem de avaliação e ativação permite validar a melhoria esperada de 22% a 47% no desempenho em relação às predefinições específicas e ao público-alvo antes de confirmar uma implantação em todo o site.
Conjuntos de vídeos adaptados
Um Conjunto de Vídeos Adaptáveis agrupa várias versões codificadas do mesmo vídeo de origem — cada uma renderizada em uma taxa de bits e em um formato diferentes — para que o arquivo ideal possa ser entregue a qualquer dispositivo sob qualquer condição de rede. Essa é a solução da Dynamic Media para streaming de vídeo sem problemas em telefones, tablets e desktops, sem que o editor precise gerenciar manualmente a codificação, o dimensionamento ou a lógica de entrega.
Por que a entrega de vídeo é complexa
Quando uma página contém vídeo, os clientes normalmente se envolvem com esse conteúdo por mais tempo e permanecem na página por mais tempo — um padrão de comportamento que a Adobe observou por meio de sua própria análise. No entanto, a execução desse contrato requer a solução de vários problemas técnicos de uma só vez:
- O arquivo de origem principal é grande, geralmente muito pesado para servir diretamente.
- O reprodutor deve decidir como dimensionar, codificar e entregar o vídeo, para que a reprodução seja tranquila.
- A reprodução deve permanecer confiável independentemente do dispositivo do visualizador ou da largura de banda disponível.
O Dynamic Media enfrenta esses desafios gerando e disponibilizando um Conjunto de vídeos adaptados no lugar de um único arquivo estático.
Como funcionam os conjuntos de vídeos adaptados
- Carregar o vídeo principal. Você começa com seu arquivo de origem original de alta qualidade e o carrega no sistema.
- Transcodificação automática. O Dynamic Media dimensiona automaticamente, ou transcodifica, essa origem em vários vídeos derivados, cada um codificado em uma resolução e taxa de bits diferentes, otimizadas para uma classe específica de dispositivo ou velocidade de conexão.
- Entrega inteligente no momento da solicitação. Quando um visualizador solicita o vídeo, o Dynamic Media determina qual versão codificada, qual nível de qualidade e qual formato deve ser fornecido e, em seguida, transmite-o para o telefone, tablet ou computador desktop.
Por exemplo, em um dispositivo móvel iOS, o Dynamic Media detecta se a conexão é 4G, 5G ou Wi-Fi. Com base nesse sinal, ele seleciona automaticamente o vídeo codificado apropriado entre as várias taxas de bits no Conjunto de vídeos adaptados e o transmite para o dispositivo.
Alternância automática de qualidade
Os conjuntos de vídeos adaptados respondem continuamente às condições de exibição:
- Flutuações de rede: quando as condições da rede são alteradas no meio da reprodução, o player muda automaticamente para uma versão codificada diferente no conjunto. Isso mantém a reprodução contínua e reduz as interrupções causadas por quedas de largura de banda.
- Exibição em tela inteira no desktop: quando um cliente entra no modo de tela inteira, o Conjunto de Vídeos Adaptados responde fornecendo uma codificação de resolução mais alta, melhorando a experiência de exibição em um tamanho de exibição maior.
Principais benefícios
O uso dos Conjuntos de vídeos adaptados oferece:
- Reprodução suave e de alta qualidade para clientes que assistem a vídeos do Dynamic Media em várias telas e dispositivos.
- Gerenciamento de vídeo simplificado, pois um único upload de origem é automaticamente transcodificado em todas as versões necessárias, eliminando a necessidade de criar, armazenar e direcionar manualmente arquivos separados para cada cenário de dispositivo ou largura de banda.
- Experiência consistente do visualizador, já que o mesmo Conjunto de Vídeos Adaptáveis se adapta instantaneamente ao recurso do dispositivo, ao tipo de conexão e ao contexto de reprodução.
Casos de uso do Dynamic Media dm-journey-b
Veja a seguir problemas comuns de casos de uso e soluções que o Dynamic Media resolve para impulsionar um envolvimento positivo do cliente, fidelidade, conversão e um maior Retorno do investimento (ROI).
O Dynamic Media enfrenta desafios recorrentes enfrentados por equipes de marketing, comércio eletrônico e experiência digital que devem fornecer conteúdo visual avançado em escala em todos os dispositivos, canais e segmentos de público-alvo. Centralizando a produção e a entrega de imagens, vídeos e mídias interativas, o Dynamic Media reduz a sobrecarga de produção manual, acelera o tempo de entrada no mercado e garante que os clientes vejam a experiência visual correta no contexto adequado, o que, por sua vez, fortalece o engajamento e eleva as taxas de conversão.
Casos de uso comuns do Dynamic Media
- Imagens responsivas e otimizadas para dispositivo — Fornece automaticamente imagens dimensionadas, cortadas e compactadas para o dispositivo e visor solicitantes. Isso elimina a necessidade de produzir e armazenar várias representações manuais, melhora o desempenho do carregamento de página e cria uma experiência visual consistente em desktop, tablet e dispositivos móveis.
- Entrega e transmissão de vídeo sob demanda — codifique, hospede e transmita vídeo de forma adaptável em canais sem plataformas de vídeo de terceiros. A entrega adaptável da taxa de bits garante uma reprodução suave em condições de rede variáveis, o que suporta taxas de monitoramento mais altas e uma narrativa de produto mais rica.
- Visualizadores interativos e experiências de mídia avançada — forneça zoom, rotação de 360 graus, conjuntos de imagens, carrosséis e visualizadores de vídeo com hotspot que permitem aos compradores examinar os produtos detalhadamente. As experiências interativas aprofundam o engajamento e reduzem a hesitação em comprar, contribuindo diretamente para uma conversão mais alta.
- Corte inteligente e geração de imagens assistida por IA — use o corte inteligente para manter o assunto de uma imagem centralizada em todas as taxas de proporção e canais. Isso remove o trabalho repetitivo de edição manual e mantém os visuais de merchandising em escala real.
- Experiências visuais personalizadas e contextuais — Serve variações do mesmo ativo — cores, idiomas, sobreposições de preços ou mensagens promocionais diferentes — de um único arquivo principal. O Personalization no nível do ativo aumenta a relevância para cada segmento de público-alvo e oferece suporte à fidelidade fazendo com que as experiências se sintam personalizadas.
- Entrega omnicanal consistente — publique uma vez e faça entregas em qualquer lugar: Web, aplicativos móveis, email, redes sociais, telas na loja e marketplaces. Uma única fonte de verdade para a mídia evita inconsistências que minam a confiança da marca.
- Lançamento mais rápido das campanhas — Reutilize ativos mestres com parâmetros dinâmicos em vez de reproduzir ou editar cada campanha. As equipes de marketing podem lançar, iterar e localizar campanhas mais rapidamente, o que mantém o impulso e melhora o ROI da campanha.
Cada um desses casos de uso vincula um problema concreto de produção ou entrega a um resultado comercial mensurável — custo operacional reduzido, ciclos de lançamento mais rápidos, maior engajamento do cliente, maior conversão e maior fidelidade a longo prazo.
Caso de uso: abordagem de arquivo principal
O problema de peso da página
Aproximadamente 90% do peso de uma página da Web típica vem de mídia avançada — imagens e arquivos de vídeo que geralmente são significativamente mais pesados que outros componentes da página. Os 10% restantes são HTML, código CSS e marcas específicas. A redução do peso da página e do tamanho do conteúdo — para uma imagem ou um vídeo — é um dos casos de uso mais importantes e óbvios do Dynamic Media. As páginas mais leves são carregadas mais rapidamente, têm melhor desempenho nas redes móveis e proporcionam uma experiência mais estável em todos os dispositivos, o que contribui para resultados mais sólidos de engajamento e conversão.
Peso da página de conteúdo de uma página da Web típica.
Como a mídia avançada domina o peso da página, otimizar esses 90% é o foco da Mídia dinâmica. O conceito principal é um arquivo de ativo principal com várias opções de entrega, e essa abordagem é fundamental para reduzir o peso geral da página.
A abordagem de arquivo primário único
Um único ativo principal pode alimentar várias superfícies de uma só vez. Por exemplo, uma imagem de produto pode ser reutilizada em:
- A página de detalhes do produto
- Uma página de miniatura
- O carrinho de compras
- A grade de pesquisa
A observação é um arquivo de ativo principal, mas com várias representações - não cópias - criado em tempo real.
Essa reutilização é altamente eficiente e garante a consistência visual em todas as experiências em que o ativo aparece.
Problemas que o Dynamic Media resolve com a abordagem de arquivo único
Por que duplicar ativos cria custos ocultos
Quando as equipes criam um ativo separado para cada tipo de experiência, normalmente uma imagem inicial se torna 20, 30 ou 40 variações armazenadas — cada uma delas deve ser paga e gerenciada. As equipes devem garantir que a imagem correta seja usada em cada contexto, o que afeta diretamente a consistência da marca. Quando uma imagem não pode ser localizada, as equipes acabam duplicando ativos novamente, aumentando os custos de armazenamento e coordenação.
Benefícios da abordagem de um único arquivo
O Dynamic Media cria variações de imagens dinamicamente a partir dessa imagem inicial. As equipes do Creative podem trabalhar de forma flexível com o ativo principal sem coordenar repetidamente com a equipe de design gráfico ou o estúdio de fotos para gerar conteúdo adicional. Isso reduz diretamente os custos de produção e diminui o tempo de entrada no mercado, pois as renderizações são produzidas sob demanda em vez de pré-construídas e armazenadas.
Com a abordagem de um arquivo, um único arquivo principal alimenta cada versão downstream. As representações necessárias em sites, propriedades e experiências do cliente são geradas somente no momento em que são entregues a um cliente. Essa eficiência reduz substancialmente o espaço de armazenamento necessário para os ativos e reduz a complexidade geral do fluxo de trabalho. O sistema de delivery do Dynamic Media garante que cada imagem e vídeo seja otimizado, seja carregado rapidamente e tenha uma ótima aparência em todas as telas e dispositivos.
Caso de uso: Vídeo
O Dynamic Media atende a um dos tipos de ativos mais exigentes do comércio digital: vídeo. Os ativos de vídeo são inerentemente complexos de gerenciar, armazenar e distribuir devido a seus grandes tamanhos de arquivo, vários requisitos de formato e a necessidade de renderização sem problemas em uma grande variedade de dispositivos, resoluções de tela e condições de rede. Sem um pipeline automatizado, as equipes normalmente enfrentam transcodificação manual, qualidade de reprodução inconsistente e tempos de carregamento lentos, o que afeta diretamente a percepção e a conversão da marca.
Os clientes acessam o Dynamic Media com os seguintes problemas que esperam resolver:
“Minha empresa tem o vídeo, mas evitou entregá-lo. Os testes mostraram que a qualidade do vídeo era inconsistente. Isso afeta a marca e a conversão.”
A reprodução inconsistente corrói a confiança do usuário e aumenta as taxas de rejeição, pois os visitantes interpretam vídeos paralisados ou de baixa qualidade como um sinal de baixa qualidade do produto ou da marca. A solução do Dynamic Media é selecionar esse arquivo de vídeo principal e permitir que o Dynamic Media gere todos os tamanhos e codificações necessários por meio de seu processo de transcodificação automatizado. Essa saída é então emparelhada com o player de vídeo inteligente do Dynamic Media, que seleciona a representação ideal em tempo real com base no dispositivo e na conexão.
Como resultado, esse fluxo de trabalho garante uma reprodução consistente e de alta qualidade onde quer que o vídeo seja exibido, seja na página de aterrissagem principal, na página de categoria ou na página de detalhes do produto. Isso ajuda a preservar a integridade da marca e oferece suporte a um desempenho de conversão mais sólido na jornada do cliente.
Estes são vários outros casos de uso a serem considerados.
Caso de uso: única fonte da verdade
Caso de uso: corte inteligente alimentado por IA para mídia avançada
Caso de uso: criação de mídia interativa
Como um ativo flui pelo sistema Dynamic Media dm-journey-c
Um fluxo de trabalho típico de Mídia dinâmica move um ativo por três fases sequenciais: (1) Criação, (2) Criação/Carregamento e (3) Otimização e Publicação. O resultado final é um único ativo principal fornecido dinamicamente pela Web, impressão, email, área de trabalho e canais móveis a partir de servidores do Dynamic Media centralizados.
Como um ativo flui pelo sistema do Dynamic Media.
1. Fase de criação — produção do ativo principal
O fluxo de trabalho começa na fase de criação, onde o objetivo é produzir um ativo principal de alta qualidade. Esses ativos principais normalmente são provenientes de:
- Sessões de fotos profissionais
- Fornecedores de vídeo e parceiros de produção
- Arquivos de áudio produzidos para o projeto
Os aplicativos do Adobe Creative Suite oferecem suporte a este estágio, incluindo o Adobe InDesign, o Adobe Photoshop e o Adobe Illustrator, que são usados para projetar, retocar e finalizar o conteúdo original antes que ele entre no sistema do Dynamic Media.
2. Fase de criação — carregamento no Dynamic Media
Quando a criação for concluída, o ativo concluído será carregado na solução de criação no Dynamic Media. Durante esta fase, as predefinições de imagem e os visualizadores corretos estão configurados e alinhados com as várias páginas da Web no site, para que cada ativo seja renderizado com o tamanho, a qualidade e o comportamento interativo apropriados para o posicionamento pretendido.
3. Fase de publicação — otimização e entrega de vários canais
Na fase final, o conteúdo é otimizado e publicado em servidores do Dynamic Media. Essa otimização prepara o ativo para entrega dinâmica, o que permite que um único arquivo mestre seja reutilizado com eficiência em cada canal de saída. Depois de publicado, o ativo fica disponível para entrega para:
- Web páginas e sites responsivos
- Imprimir produção
- Campanhas de Email
- Experiências da área de trabalho
- Dispositivos móveis
Esse modelo centralizado de publicar uma vez e entregar em qualquer lugar garante a consistência visual entre canais, reduzindo a necessidade de armazenar e gerenciar representações separadas para cada destino.
Upload do Assets no Dynamic Media
Depois de criar um ativo principal, carregue-o no Dynamic Media. O tipo, formato e tamanho do arquivo são atributos críticos que determinam como o Dynamic Media processa e entrega o ativo. No momento do carregamento, extraia o valor máximo do modelo de suporte a um arquivo.
Por exemplo, a imagem de observação abaixo mede 4560 x 3020 pixels. Mesmo que você nunca pretenda exibir uma imagem com esse tamanho total, você ainda deve carregá-la na resolução mais alta disponível. Quanto maior a imagem de origem, melhor a qualidade que o Dynamic Media pode oferecer em cada representação, até a menor miniatura, porque o Dynamic Media pode reduzir a resolução de um mestre de alta resolução sem introduzir artefatos. Lembre-se deste princípio chave: você pode facilmente diminuir a resolução de uma imagem existente, mas tentar aumentar a resolução de uma imagem de baixa resolução produz resultados insatisfatórios em pixels.
Considerações para uploads de ativos
Formatos de arquivo recomendados: a Adobe recomenda carregar ativos em um formato sem perdas. Evite o JPEG como formato de origem porque, sempre que você entregar ou salvar um JPEG, a qualidade da imagem será degradada devido à sua compactação com perdas. Em vez disso, comece com as imagens de maior resolução em um formato sem perdas. Normalmente, os formatos preferidos são:
- TIFF (Formato de Arquivo de Imagem Marcado)
- PNG (Elementos Gráficos de Rede Portáteis)
Considerações sobre o espaço de cores: Ao planejar canais digitais ou entrega na Web, o espaço de cores padrão é RGB (Vermelho, Verde, Azul), que corresponde à forma como as telas renderizam cores usando luz.
A maioria dos usuários não considera a entrega de ativos no CMYK (Ciano, Magenta, Amarelo, Chave/Preto) ou por que precisariam. O CMYK é o espaço de cores padrão para materiais impressos, pois corresponde às tintas usadas em impressoras offset e digitais. No entanto, o Dynamic Media oferece suporte à entrega em ambos os espaços de cores.
Muitos clientes ainda dependem da produção de impressão, incluindo:
- Clubes de atacado de depósito produzindo catálogos de membros
- Lojas de mercearia imprimindo panfletos e circulares semanais
Esses clientes exigem suas imagens no RGB e no CMYK. Tradicionalmente, atender a esse requisito significava manter dois arquivos separados: uma versão do RGB e uma versão CMYK. No entanto, com o Dynamic Media, é possível fazer upload de ativos CMYK diretamente, e o Dynamic Media fornecerá ativos do RGB automaticamente por meio de uma predefinição de imagem ou de um perfil de cores. Isso elimina a necessidade de criar e gerenciar várias versões do mesmo arquivo, preservando o princípio principal de um arquivo de ativo principal com várias opções de entrega.
Publicar e visualizar ativos
Publicar ativos no Dynamic Media
Depois de fazer upload dos ativos no Dynamic Media, publique-os para que eles possam ser entregues para qualquer experiência voltada para o cliente. Para publicar manualmente:
- Selecione os ativos carregados no Dynamic Media.
- Clique em Publicar ou Publicação rápida.
A publicação é necessária sempre que você pretende usar ativos em qualquer experiência, pois ativos não publicados não são fornecidos por meio da camada de entrega do Dynamic Media e, portanto, não podem ser referenciados de uma página da Web em tempo real. Depois que os ativos são publicados, como resultado, eles ficam disponíveis para inclusão em uma página da Web de duas maneiras:
- Copie a URL gerada pelo Dynamic Media e faça referência a ela diretamente.
- Copie o código incorporado e cole-o na marcação da página.
Publicação automática no upload
Além do fluxo de trabalho manual, o Dynamic Media é compatível com a publicação automática. Você pode configurar o Dynamic Media para publicar ativos instantaneamente no momento do upload, sem qualquer intervenção do usuário. Isso elimina a etapa de publicação manual e reduz o tempo entre a assimilação de um novo ativo e sua disponibilização para a entrega na Web.
Visualizar representações de ativos
Após o upload, o Dynamic Media oferece várias maneiras de pré-visualizar as representações de um ativo. A visualização mostra o que um cliente vê antes que o ativo seja incorporado na produção, o que ajuda a validar o recorte, o dimensionamento, o comportamento do visualizador e a qualidade visual geral.
Visualizar com uma predefinição de imagem
Um método de visualização comum usa predefinições de imagem:
- Selecione um ativo no Dynamic Media.
- Abra suas Representações.
- Escolha uma predefinição de imagem (por exemplo, “Grande”).
O caminho do URL resultante contém o nome da predefinição da imagem (como “Grande”) e é o mesmo URL usado em uma página da Web.
Pré-visualização de uma representação de um ativo com base na predefinição de imagem “Grande” selecionada. O caminho de URL resultante contém o nome de predefinição de imagem “Grande” e é usado em uma página da Web.
O URL acima está ativo. Experimente.
Visualizar com uma predefinição do visualizador
Outro método para visualizar um ativo usa predefinições do visualizador, que renderiza o ativo dentro de um visualizador interativo do HTML5:
- Selecione o ativo de imagem.
- Escolha uma predefinição de Visualizadores (por exemplo, “ZoomVertical_light”).
- Use os botões URL e Incorporar para copiar o URL de entrega ou o trecho incorporado.
Visualizando um ativo com base na predefinição do visualizador “ZoomVertical_light” selecionada. O ponteiro do mouse (+) foi movido sobre a inspeção para ampliar. Observe os botões URL e Incorporar.
A representação acima está ativa. Experimente.
Opcional - Saiba mais
A parte I dessa documentação abordou os fundamentos do Dynamic Media no Adobe Experience Manager, um recurso projetado para fornecer mídia avançada responsiva e interativa — incluindo imagens, conjuntos e vídeo — nos canais da Web, móveis e conectados. Para aprofundar sua compreensão dos conceitos introduzidos na Parte I, use os recursos com curadoria abaixo. Esses materiais complementares expandem os fluxos de trabalho, a configuração e os padrões de entrega do Dynamic Media com mais detalhes técnicos. Caso contrário, continue com a Parte II desta documentação. Consulte O que vem a seguir nesta Jornada do Dynamic Media.
Tutoriais do Dynamic Media
- Use o Dynamic Media com Experience Manager Assets — vídeos em destaque e apresentações guiadas que demonstram como habilitar, configurar e aplicar os recursos do Dynamic Media diretamente no Adobe Experience Manager Assets, incluindo a assimilação de ativos, predefinições de imagens e entrega dinâmica.
- biblioteca de conteúdo do Adobe Experience Manager (pesquisar no Dynamic Media) — um hub de aprendizado mais amplo da Experience League, em que você pode filtrar tutoriais, cursos e artigos recomendados, pesquisando o Dynamic Media para encontrar caminhos de aprendizado com base em funções para administradores, desenvolvedores e profissionais de marketing.
Visualizadores do Dynamic Media
- Demonstrações em tempo real de cada visualizador — demonstrações interativas e funcionais de cada tipo de visualizador do Dynamic Media (como visualizadores de zoom, rotação, vídeo e carrossel), úteis para avaliar a aparência do visualizador, a interação com o usuário e o comportamento antes de implementá-los nos sites de produção.
O que vem a seguir na documentação do Dynamic Media whats-next
A parte II desta documentação dá continuidade à jornada do Dynamic Media com um foco técnico mais profundo na entrega de ativos e nas experiências do visualizador de vários ativos. Especificamente, a Parte II abrange:
- URLs do Dynamic Media — um exame minucioso da estrutura e dos parâmetros do URL, para que você entenda exatamente o que acontece nos bastidores quando um ativo é solicitado e entregue.
- Predefinições de imagem — os fundamentos da criação de predefinições que renderizam dinamicamente ativos no tamanho, formato e qualidade exigidos por cada contexto de entrega.
- Conjuntos de imagens — como criar conjuntos que permitem aos usuários visualizar um produto ou ativo de vários ângulos ou variações em um único visualizador interativo.
- Conjuntos de rotação — como montar sequências de imagens que produzem uma experiência de exibição rotacional de 360 graus.
- Conjuntos de mídias mistas — como combinar diferentes tipos de ativos, como imagens, conjuntos de rotação e vídeo, em um visualizador unificado.
Juntos, esses tópicos se baseiam diretamente nos conceitos fundamentais introduzidos na Parte I e preparam você para configurar experiências mais ricas e interativas do Dynamic Media.
Prossiga para Dynamic Media: The Basics, Part II.