Inicio rápido: Cambio de tamaño de imagen quick-start-image-sizing
El tamaño de imagen hace referencia a la capacidad de Adobe Dynamic Media Classic para crear varias imágenes derivadas basadas en una sola imagen de alta resolución. En lugar de crear manualmente varias imágenes (por ejemplo, una miniatura y una imagen de vista ampliada) para el sitio Web o la aplicación, se proporciona una sola imagen principal. Adobe Dynamic Media Classic genera todas las imágenes modificadas tal como se solicitan. Poder entregar imágenes dinámicamente desde una sola imagen principal tiene muchas ventajas:
- No es necesario crear manualmente varias copias de la imagen en diferentes tamaños. Se proporciona una imagen principal a Adobe Dynamic Media Classic y Adobe Dynamic Media Classic genera derivados de diferente tamaño a partir de la imagen principal.
- Puede cambiar rápidamente el tamaño de un tipo de imagen en todo el sitio Web o la aplicación. Por ejemplo, para cambiar todas las imágenes de miniaturas, puede modificar el ajuste preestablecido de imagen "thumbnail". Un ajuste preestablecido de imagen (es similar a una macro) es una colección de atributos de tamaño y formato. Puede modificar el ajuste preestablecido de imagen en "miniatura" para cambiar el tamaño de todas las imágenes en miniatura en el sitio web o la aplicación.
- No tiene que administrar los archivos principales y todos los derivados en ninguno de los sistemas de administración de recursos o contenido de forma interna o externa.
Ver Tamaño de imagen: Dynamic Imaging vídeo de formación.
La siguiente Guía de inicio rápido para el tamaño de imágenes está diseñada para ayudarle a ponerse en marcha rápidamente con las técnicas de tamaño de imágenes de Adobe Dynamic Media Classic. Siga los pasos del 1 al 5. Después de cada paso, hay una referencia cruzada donde puede encontrar más información si la necesita.
1. Cargar imágenes principales
Comience por cargar las imágenes principales en Adobe Dynamic Media Classic. En cuanto al tamaño, Adobe Dynamic Media Classic recomienda utilizar imágenes que tengan el tamaño más grande esperado en el sitio web o la aplicación. Por ejemplo, si desea que los visualizadores hagan zoom en las imágenes, cargue imágenes que tengan el tamaño más grande al menos 2000 píxeles. Adobe Dynamic Media Classic admite muchos formatos de archivo de imagen, pero se recomiendan imágenes de TIFF y PNG sin pérdidas.
En la barra de navegación global, selecciona Cargar para cargar archivos de tu equipo a una carpeta en Adobe Dynamic Media Classic. Ver Cargar imágenes principales.
2. Configurar ajustes preestablecidos de imagen
Un ajuste preestablecido de imagen se compone de una serie de comandos de formato y tamaño predefinidos, que se guarda con un nombre exclusivo; es similar a una macro. Un ajuste preestablecido de imagen determina el tamaño y el formato con el que se envían las imágenes desde los servidores de imágenes de Dynamic Media. Puede configurar los ajustes preestablecidos de imagen por su cuenta si tiene el estado de administrador de la empresa. Puede enviar imágenes de forma dinámica utilizando los ajustes preestablecidos de imagen predeterminados que ya se incluyen con Adobe Dynamic Media Classic.
Para crear un ajuste preestablecido de imagen (si es administrador), en la barra de navegación global, vaya a Configuración > Configuración de aplicación > Ajustes preestablecidos de imagen. A continuación, seleccione Agregar para crear un ajuste preestablecido de imagen o seleccione Editar para cambiar un ajuste preestablecido de imagen existente.
El ajuste preestablecido de imagen que cree se añadirá al menú Ajuste preestablecido de imagen de la página Vista previa. Puede utilizar el nuevo ajuste preestablecido de imagen para mostrar imágenes de forma dinámica en sus sitios web y aplicaciones. Consulte Configurar ajustes preestablecidos de imagen.
3. Previsualizar ajustes preestablecidos de imagen
El siguiente paso consiste en obtener una vista previa de los ajustes preestablecidos creados por el administrador en diferentes tamaños.
Para explorar los ajustes preestablecidos de imagen, en la barra de navegación global, vaya a Configuración > Ajustes preestablecidos de imagen y, a continuación, busque un ajuste preestablecido de imagen.
Experimente con los diversos ajustes. Descubra cómo aparece la imagen cuando se envía dinámicamente al sitio web o a la aplicación en diferentes tamaños.
Consulte Previsualizar un recurso de imagen en función de su ajuste preestablecido de imagen.
4. Publish sus imágenes principales
La publicación de los archivos de imagen principales tiene dos propósitos esenciales:
- Publicación de las imágenes principales en los servidores de imágenes de Dynamic Media para que las imágenes se puedan enviar de forma dinámica al sitio web y a la aplicación.
- La publicación activa las cadenas URL para llamar a imágenes desde los servidores de imágenes de Dynamic Media a su sitio web o aplicación. Después de la publicación, puede copiar y colocar las direcciones URL generadas por Adobe Dynamic Media Classic donde sea necesario en su sitio web o aplicación.
En la barra de navegación global, seleccione Publish para iniciar un trabajo de publicación. En el cuadro de diálogo Publicación, seleccione Enviar Publish. Ver imágenes principales de Publish.
5. Vincular URL a la aplicación web
Adobe Dynamic Media Classic crea cadenas de llamada de URL para las imágenes. Al publicar imágenes en los servidores de imágenes de Dynamic Media, las direcciones URL se activan. Puede copiar estas cadenas de URL desde el panel Examinar (en la vista de detalles) o la pantalla Vista previa. Una vez copiadas las cadenas URL, puede utilizarlas en su sitio Web y en las aplicaciones. La dirección URL para Ajustar el tamaño de la imagen reemplaza la referencia a un nombre de imagen estático en el código de la página web. La URL hace referencia a un nombre de imagen principal que la base de datos sustituye para cada nueva imagen que se va a mostrar.
Las cadenas URL generadas con ajustes preestablecidos de imagen contienen el nombre de un ajuste preestablecido de imagen. Este nombre se incluye entre símbolos de dólar ($). Por ejemplo, $thumbnail$ puede ser el ajuste preestablecido de imagen diseñado para mostrar imágenes principales en tamaño de miniatura. Ver URL de vínculo a su aplicación web.