Vinculación de URL en la aplicación web linking-urls-to-your-web-application
Sus sitios web y aplicaciones acceden al contenido de Dynamic Media Image Server mediante 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 pegar estas direcciones URL en un explorador web para probarlas.
Para colocar estas cadenas de URL en las 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 obtaining-an-image-preset-url
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 obtaining-an-image-preset-url-from-preview
-
En el panel Biblioteca de recursos de la izquierda, vaya a la carpeta de recursos que contiene el recurso de imagen que desea previsualizar.
-
Realice una de las acciones siguientes:
- Encima de la ventana de Assets, en el lado derecho de la barra de herramientas, seleccione Vista de cuadrícula. En la ventana Recurso, seleccione un solo recurso de imagen y, debajo de la imagen en miniatura, vaya a Vista previa > Lista de ajustes preestablecidos de imagen.
- Encima de la ventana de Assets, en el lado derecho de la barra de herramientas, seleccione Vista de lista. En la ventana Recurso, seleccione un solo recurso de imagen y, a continuación, a la derecha de la imagen en miniatura, vaya a Vista previa > Lista de ajustes preestablecidos de imagen.
- Encima de la ventana de Assets, en la parte derecha de la barra de herramientas, seleccione Vista de detalles. En la misma barra de herramientas, vaya a Vista previa > Lista de ajustes preestablecidos de imagen.
-
(Opcional) En la Lista de ajustes preestablecidos de imagen, en la lista desplegable Codificación URL para la creación de copias URL, seleccione la Codificación URL que se aplicará a la URL del recurso de imagen cuando se copie.
-
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.
-
En la esquina inferior derecha de la ventana Lista de ajustes preestablecidos de imagen, seleccione Cerrar para volver a la pantalla de Assets.
Obtenga una URL de ajuste preestablecido de imagen del panel Examinar obtaining-an-image-preset-url-from-the-browse-panel
- En el panel Biblioteca de recursos de la izquierda, vaya a la carpeta de recursos que contiene el recurso de imagen que desea previsualizar.
- Encima de la ventana de Assets, en el lado derecho de la barra de herramientas, seleccione Vista de cuadrícula. En la ventana Recurso, seleccione un único recurso de imagen.
- Encima de la ventana de Assets, en la parte derecha de la barra de herramientas, seleccione Vista de detalles.
- Seleccione URL en el panel del lado derecho de la pantalla para poder desplegar la lista de ajustes preestablecidos de imagen.
- Seleccione el vínculo 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 about-image-preset-url-strings
Una llamada URL para el ajuste de tamaño de imagen en 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 la URL de un servidor de imágenes de Dynamic Media, las instrucciones para mostrar la imagen al servidor aparecen después del signo de interrogación (?). Por ejemplo, esta llamada URL ofrece una imagen denominada "mochila" 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 del ajuste preestablecido de imagen de la dirección URL (la Large, en este caso), empleando las instrucciones de tamaño y formato definidas por el ajuste preestablecido de imagen "grande".
Agregar imágenes dinámicas a la página Web adding-dynamic-images-to-your-web-page
Al agregar imágenes dinámicas a la página web, la etiqueta <IMG> del código de página del HTML suele modificarse 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 utiliza la etiqueta <IMG> para reemplazar la referencia a una imagen estática con una llamada de ajuste preestablecido de imagen a la plataforma Adobe Dynamic Media Classic. Ejemplo de llamada:
img src="https://s7d2.scene7.com/is/image/S7learn/backpack_trns?$thumbnail$"
En este ejemplo, un servidor de imágenes de Dynamic Media "busca" la definición de $thumbnail$ y genera dinámicamente la imagen adecuada con las especificaciones de tamaño y formato definidas por el ajuste preestablecido de imagen thumbnailImage. En una cadena URL, todos los elementos excepto el nombre de archivo de la imagen del producto ( backpack_trns en este caso) suelen estar conectados 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.