Show Menu
TEMAS×

Vinculación de direcciones URL al sitio 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, 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 las páginas web y las aplicaciones, cópielas desde Dynamic Media Classic. Para obtener una cadena URL generada con un ajuste preestablecido de imagen, abra la pantalla Vista previa o el panel Examinar (en vista de detalles).

Obtención de 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.
Nota : La URL no se activa hasta que publique el recurso.

Obtención de una URL de ajuste preestablecido de imagen desde 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:
    • Por encima de la ventana Recursos, en la parte derecha de la barra de herramientas, haga clic en Vista de cuadrícula. En la ventana Recurso, seleccione un único recurso de imagen y, a continuación, haga clic en Vista previa > Lista de ajustes preestablecidos de imagen debajo de la imagen en miniatura.
    • Por encima de la ventana Recursos, en la parte derecha de la barra de herramientas, haga clic en Vista de lista. En la ventana Recurso, seleccione un único recurso de imagen y, a continuación, haga clic en Vista previa > Lista de ajustes preestablecidos de imagen a la derecha de la imagen en miniatura.
    • Por encima de la ventana Recursos, en la parte derecha de la barra de herramientas, haga clic en Vista de detalles. En la misma barra de herramientas, haga clic en Vista previa > Lista de ajustes preestablecidos de imagen.
  3. (Opcional) En la ventana Lista de ajustes preestablecidos de imagen, en la lista desplegable inferior Codificación URL para la creación de copias URL, seleccione la codificación de URL que desee aplicar a la dirección URL del recurso de imagen cuando se copie.
  4. En la ventana Lista de ajustes preestablecidos de imagen, en la parte superior derecha del panel de vista previa, haga clic en Copiar URL para el tipo de ajuste preestablecido seleccionado.
  5. En la esquina inferior derecha de la ventana Lista de ajustes preestablecidos de imagen, haga clic en Cerrar para volver a la pantalla Recurso.

Obtención de una URL de ajustes preestablecidos 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. Por encima de la ventana Recursos, en la parte derecha de la barra de herramientas, haga clic en Vista de cuadrícula. En la ventana Recurso, seleccione un único recurso de imagen.
  3. Por encima de la ventana Recursos, en la parte derecha de la barra de herramientas, haga clic en Vista de detalles.
  4. Haga clic en Direcciones URL en el panel de la derecha para desplegar la lista de ajustes preestablecidos de imagen.
  5. Haga clic en el vínculo Copiar URL junto al nombre del ajuste preestablecido cuya URL quiera copiar en el portapapeles.

Acerca de las cadenas URL de ajustes preestablecidos de imagen

Una llamada mediante URL para el cambio de tamaño de 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 ($). When a Dynamic Media Image Server encounters the Image Preset portion of the URL (the Large in this case), using the size and formatting instructions defined by the “Large” Image Preset.

Adición de imágenes dinámicas a la página web

To add dynamic images to your web page, the <IMG> tag in your HTML web page code typically is modified using the Dynamic Media Classic URL string to make a request to Dynamic Media Image Servers. 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"

you now use the <IMG> tag to replace the reference to a static image with an Image Preset call to the Dynamic Media Classic platform. Ejemplo de llamada:
img src="https://s7d2.scene7.com/is/image/S7learn/backpack_trns?$thumbnail$”

In this example, a Dynamic Media Image Server “looks up” the definition of $thumbnail$ and dynamically generates the appropriate image with the sizing and formatting specifications defined by the thumbnail Image Preset. 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.