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 de 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 utilizar estas direcciones URL en un explorador web para realizar pruebas.
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. Después de copiar la dirección URL, se guarda en el Portapapeles para poder pegarla según sea necesario.
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 siguientes acciones:
- 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 derecho para mostrar 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.
Descripción general de las cadenas URL de ajustes preestablecidos de imagen about-image-preset-url-strings
Una llamada URL para el tamaño de imágenes en los servidores de imágenes de Dynamic Media tiene la siguiente sintaxis básica:
ruta/nombre del servidor de imágenes/nombre de cuenta/nombre de imagen?modificador1&modificador2&…
En una URL de servidor de imágenes de Dynamic Media, las instrucciones para mostrar la imagen siguen el 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. Sin un ajuste preestablecido de imagen, anote todas las instrucciones de modificación después del 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
Sin embargo, en una cadena URL generada con un ajuste preestablecido de imagen, el nombre del ajuste preestablecido de imagen reemplaza las instrucciones definidas por el ajuste preestablecido de imagen. Por ejemplo, para la URL larga ilustrada arriba, la cadena URL es:
https://s7d1.scene7.com/is/image/S7learn/backpack?$Large$
Los nombres de ajustes preestablecidos de imagen en las direcciones URL utilizan signos de dólar ($). Cuando un servidor de imágenes de Dynamic Media procesa la parte del ajuste preestablecido de imagen de la URL (la Large, en este caso), utiliza 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 las páginas web, la etiqueta <IMG> se suele modificar mediante la cadena URL de Adobe Dynamic Media Classic para solicitar imágenes de 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 Adobe Dynamic Media Classic Platform. 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 recupera 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 thumbnail. En una cadena URL, todos los elementos excepto el nombre de archivo de la imagen del producto ( backpack_trns en este caso) suelen configurarse 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.