Vincular URL a la aplicación web

Los sitios web y las aplicaciones acceden al contenido de Dynamic Media Image Server a través de cadenas URL. Después de publicar una imagen, Adobe Dynamic Media Classic activa una cadena URL que hace referencia al ajuste preestablecido de imagen en los servidores de imágenes de Dynamic Media. Puede probar el funcionamiento de estas cadenas URL pegándolas en un explorador web.

Para colocar estas cadenas URL en sus páginas web y aplicaciones, cópielas desde Adobe Dynamic Media Classic. Para obtener una cadena URL generada con un ajuste preestablecido de imagen, vaya a la pantalla Vista previa o al panel Examinar (en la vista de detalles).

Obtener una URL de ajuste preestablecido de imagen

Puede obtener una cadena URL generada por un ajuste preestablecido de imagen en la Vista previa o en Vista de detalles. Una vez copiada, la URL queda disponible en el portapapeles para que pueda pegarla cuando lo necesite.

Obtener una URL de ajuste preestablecido de imagen de la vista previa

1. En el panel Biblioteca de recursos del lado izquierdo, navegue a las carpetas de recursos que contienen el recurso de imagen cuya vista previa desea obtener.

2. Realice una de las acciones siguientes:

   • Sobre la ventana Recursos, en el lado derecho de la barra de herramientas, seleccione Vista de cuadrícula. En la ventana Recurso, seleccione un recurso de imagen única y, a continuación, debajo de la imagen en miniatura, vaya a Vista previa > Lista de ajustes preestablecidos de imagen.
   • Sobre la ventana Recursos, en el lado derecho de la barra de herramientas, seleccione Vista de lista. En la ventana Recurso, seleccione un recurso de imagen única y, a continuación, a la derecha de la imagen en miniatura, vaya a Vista previa > Lista de ajustes preestablecidos de imagen.
   • Sobre la ventana Recursos, en la parte derecha de la barra de herramientas, seleccione Vista de detalles. En la misma barra de herramientas, vaya a Preview > Image Preset List.

3. (Opcional) En la Lista de ajustes preestablecidos de imagen, en la lista desplegable Codificación de URL para la generación de copias de URL , seleccione la codificación de URL que desee aplicar a la URL del recurso de imagen cuando se copie.

4. En la ventana Lista de ajustes preestablecidos de imagen, en el área superior derecha del panel de vista previa, seleccione Copiar URL para el tipo de ajuste preestablecido seleccionado.

5. En la esquina inferior derecha de la ventana Lista de ajustes preestablecidos de imagen, seleccione Cerrar para volver a la pantalla Recursos.

Obtener una URL de ajuste preestablecido de imagen desde el panel Examinar

1. En el panel Biblioteca de recursos del lado izquierdo, navegue a las carpetas de recursos que contienen el recurso de imagen cuya vista previa desea obtener.
2. Sobre la ventana Recursos, en el lado derecho de la barra de herramientas, seleccione Vista de cuadrícula. En la ventana Recurso, seleccione un único recurso de imagen.
3. Sobre la ventana Recursos, en la parte derecha de la barra de herramientas, seleccione Vista de detalles.
4. Seleccione URLs en el panel de la derecha de la pantalla para poder desplegar la lista de ajustes preestablecidos de imagen.
5. Seleccione el enlace Copiar URL junto al nombre del ajuste preestablecido de imagen con la URL que desea copiar en el portapapeles.

Acerca de las cadenas URL de ajustes preestablecidos de imagen

Una llamada de URL para cambiar el tamaño de la imagen a los servidores de imágenes de Dynamic Media tiene la siguiente sintaxis básica:

ruta/nombre de servidor de imágenes/nombre de cuenta/nombre de imagen?modificador1&modificador2&…

En una URL del servidor de imágenes de Dynamic Media, las instrucciones para mostrar la imagen aparecen después del signo de interrogación (?). Por ejemplo, esta llamada mediante URL envía una imagen denominada “backpack” con una anchura de 250 píxeles:

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

Una URL de ajuste preestablecido de imagen contiene todas las instrucciones de modificador para presentar la imagen con las especificaciones de formato y tamaño correctas. Si no hay un ajuste preestablecido de imagen, observará que todas las instrucciones de modificador aparecen tras el signo de interrogación (?) en esta cadena 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

Pero en una cadena URL generada con un ajuste preestablecido de imagen, el nombre del ajuste aparece en lugar de las instrucciones definidas por el ajuste preestablecido. Por ejemplo, para la URL larga ilustrada arriba, la cadena URL es:

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

Los nombres de ajuste preestablecido de imagen en direcciones URL se incluyen entre signos de dólar ($). Cuando un servidor de imágenes de Dynamic Media encuentra la parte de ajuste preestablecido de imagen de la URL (el Large en este caso), utilizando las instrucciones de tamaño y formato definidas por el ajuste preestablecido de imagen "Grande".

Añadir imágenes dinámicas a la página web

Para añadir imágenes dinámicas a la página web, la etiqueta <IMG> del código de la página web HTML se modifica normalmente con la cadena URL de Adobe Dynamic Media Classic para realizar una solicitud a los servidores de imágenes de Dynamic Media. Esta cadena produce una imagen con las especificaciones de formato y tamaño definidas por el ajuste preestablecido de imagen.

Por ejemplo, en lugar de la típica llamada para abrir una imagen estática:

img src="/company_images/products/backpack_thumbnail.jpg"

Ahora, se utiliza la etiqueta <IMG>para reemplazar la referencia a una imagen estática por una llamada de ajuste preestablecido de imagen a la plataforma Dynamic Media Classic de Adobe. Ejemplo de llamada:

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

En este ejemplo, Dynamic Media Image Server "busca" la definición de $thumbnail$ y genera dinámicamente la imagen adecuada con las especificaciones de tamaño y formato definidas por el thumbnailAjuste preestablecido de imagen. En una cadena URL, todos los elementos a excepción del nombre de archivo de imagen de producto (backpack_trns en este caso) suelen estar fijados para la plantilla de página. El único elemento que se inserta automáticamente en la plantilla desde el servidor comercial es el ID de IPS o nombre de la imagen.