Vincular URLs ao aplicativo da Web

Seus sites e aplicativos da Web acessam o conteúdo do Dynamic Media Image Server por meio de cadeias de caracteres de URL. Após publicar uma imagem, o Dynamic Media Classic ativa uma string de URL que faz referência à Predefinição de imagem nos Servidores de imagem da Dynamic Media. Você pode colar esses URLs em um navegador da Web para testes.

Para colocar essas cadeias de caracteres de URL em suas páginas da Web e aplicativos, copie-as do Dynamic Media Classic. Para obter uma string de URL gerada com uma Predefinição de imagem, vá para a tela Visualização ou o Painel de navegação (na exibição de Detalhes).

Obter um URL de predefinição de imagem

Você pode obter uma string de URL gerada por uma Predefinição de imagem a partir de Visualização ou da Exibição de detalhes. Depois de copiar o URL, ele chega à Área de transferência para que você possa colá-lo conforme necessário.

OBSERVAÇÃO

O URL não fica ativo até que você publique o ativo.

Obter um URL de predefinição de imagem a partir de Visualização

  1. No painel Biblioteca de ativos, à esquerda, navegue até as pastas Ativos que contêm o ativo de imagem que você deseja visualizar.

  2. Siga um destes procedimentos:

    • Acima da janela Ativos, no lado direito da barra de ferramentas, clique em Grid View. Na janela Ativo, selecione um único ativo de imagem e, em seguida, abaixo da imagem em miniatura, clique em Preview > Image Preset List.
    • Acima da janela Ativos, no lado direito da barra de ferramentas, clique em List View. Na janela Ativo, selecione um único ativo de imagem e, à direita da imagem em miniatura, clique em Preview > Image Preset List.
    • Acima da janela Ativos, no lado direito da barra de ferramentas, clique em Detail View. Na mesma barra de ferramentas, clique em Preview > Image Preset List.
  3. (Opcional) Na Lista predefinida de imagem, na lista suspensa Codificação de URL para Geração de URL de Cópia, selecione a codificação de URL que deseja aplicar ao URL do ativo de imagem quando ele for copiado.

  4. Na janela Lista de predefinições de imagens, na área superior direita do painel de visualização, clique em Copy URL para o tipo de predefinição selecionado.

  5. No canto inferior direito da janela Lista de predefinições de imagens, clique em Close para retornar à tela Ativos.

Obter um URL de predefinição de imagem no painel Procurar

  1. No painel Biblioteca de ativos, à esquerda, navegue até as pastas Ativos que contêm o ativo de imagem que você deseja visualizar.
  2. Acima da janela Ativos, no lado direito da barra de ferramentas, clique em Grid View. Na janela Ativo, selecione um único ativo de imagem.
  3. Acima da janela Ativos, no lado direito da barra de ferramentas, clique em Detail View.
  4. Clique em URLs no painel no lado direito da tela para abrir a lista de Predefinições de imagem.
  5. Clique no link Copy URL ao lado do nome da Predefinição de imagem com o URL que você deseja copiar para a Área de transferência.

Sobre as sequências de URL da predefinição de imagem

Uma chamada de URL para dimensionamento de imagem em servidores de imagem da Dynamic Media tem a seguinte sintaxe básica:

caminho/nome do Servidor de imagens/nome da conta/nome da imagem?modifier1&modifier2&…

Em um URL de servidor de imagem do Dynamic Media, as instruções para o servidor exibir a imagem são exibidas após o ponto de interrogação (?). Por exemplo, esta chamada de URL fornece uma imagem chamada "backpack" a uma largura de 250 pixels:

https://s7d1.scene7.com/is/image/S7learn/backpack?wid=250

Um URL de predefinição de imagem contém todas as instruções do modificador para apresentar a imagem no tamanho e especificações de formatação adequados. Sem uma predefinição de imagem, observe todas as instruções do modificador após o ponto de interrogação (?) nesta cadeia de caracteres do URL:

https://s7d1.scene7.com/is/image/S7learn/backpack?wid=250&fmt=jpeg&qlt=80,0&resMode=sharp&op_usm=1.1,0.5,1,0

No entanto, em uma string de URL gerada com uma Predefinição de imagem, o nome da Predefinição de imagem aparece no lugar das instruções definidas pela Predefinição de imagem. Por exemplo, referindo-se ao URL longo acima, a cadeia de caracteres do URL é:

https://s7d1.scene7.com/is/image/S7learn/backpack?$Large$

Nomes de predefinições de imagens em URLs são colocados em cifrões ($). Quando um servidor de imagem do Dynamic Media encontra a parte da Predefinição de imagem do URL (o Large neste caso), usando as instruções de tamanho e formatação definidas pela Predefinição de imagem "Grande".

Adicionar imagens dinâmicas à página da Web

Para adicionar imagens dinâmicas à sua página da Web, a tag <IMG> no código da página da Web HTML normalmente é modificada usando a sequência de caracteres de URL do Dynamic Media Classic para fazer uma solicitação aos Servidores de imagem da Dynamic Media. Essa string produz a imagem no tamanho e nas especificações de formatação definidos pela Predefinição de imagem.

Por exemplo, em vez da chamada típica para abrir uma imagem estática como

img src="/company_images/products/backpack_thumbnail.jpg?lang=pt-BR"

Agora você usa a tag <IMG>para substituir a referência a uma imagem estática por uma chamada de Predefinição de imagem para a plataforma Dynamic Media Classic. Um exemplo de chamada tem esta aparência:

img src="https://s7d2.scene7.com/is/image/S7learn/backpack_trns?$thumbnail$”

Neste exemplo, um Dynamic Media Image Server “procura” a definição de $thumbnail=" e gera dinamicamente a imagem apropriada com as especificações de dimensionamento e formatação definidas pela thumbnailPredefinição de imagem. Em uma string de URL, todos os itens, exceto o nome do arquivo da imagem do produto ( backpack_trns` neste caso) normalmente são conectados ao modelo da página. O único elemento inserido automaticamente no modelo de página do seu servidor de comércio é a ID do IPS ou o nome da imagem.

Nesta página