Por medio de los comandos de esta sección se puede configurar cómo se mostrará la imagen importada. WebSite X5, de hecho, permite también lograr imágenes panorámicas y/o con efectos de zoom y de desplazamiento.
Los Modo de visualización disponibles son:
|
Redimensionamiento automático de la imagen: activa por defecto, cambia automáticamente el tamaño de la imagen para adaptarla a la celda de la Rejilla de maquetación que la contiene. |
|
Ampliar y mover manualmente la imagen: hace que la imagen se pueda ampliar con un clic del ratón hasta alcanzar el tamaño previsto por el factor de zoom que se ha definido. Una vez ampliada, la imagen también podrá ser desplazada de modo que pase al primer plano el detalle deseado. En este caso en concreto, el desplazamiento se deberá hacer manualmente, pulsando sobre la imagen y arrastrándola hasta la posición deseada. Para lograr este efecto el tamaño de la imagen se reduce primero al de la celda de la Rejilla de maquetación reajustándolo en función del factor que se ha definido para el zoom inicial (si se elige como Modalidad desplazamiento el Desplazamiento libre) o proporcionalmente a la Altura establecida (si se establece como Modalidad desplazamiento la opción Vista panorámica horizontal o la opción Vista panorámica vertical). De esta manera, la imagen resultará ser más grande que el área de visualización y podrá moverse en su interior. |
|
Ampliar y mover automáticamente la imagen: análoga a la anterior opción, se distingue por el hecho de que el desplazamiento se produce simplemente acercando el ratón a los bordes de la imagen. |
Seleccionando como Modo de visualización el Redimensionamiento automático de la imagen, es posible modificar los siguientes Ajustes:
| ▪ | Calidad: es el nivel de calidad que se desea mantener al guardar la imagen en .JPG. Todas las imágenes importadas son automáticamente convertidas al formato .JPG o, en caso de que se predisponga una transparencia, al formato .PNG. En caso de que sean guardadas en .JPG, cuanto más alto sea el factor de compresión predispuesto, menor será la calidad mantenida. |
|
Se recomienda insertar archivos gráficos en formato .JPG, .GIF o .PNG. Todas las imágenes insertadas con formato distinto de .JPG, .GIF y .PNG son convertidas automáticamente al formato JPG, en base al nivel de compresión especificado. La conversión a .JPG o, en el caso de las imágenes en las que se ha predispuesto una transparencia, a .PNG; se efectúa aunque la imagen tenga un tamaño mayor respecto al de la celda de la Rejilla de maquetación que la contiene y si es modificada mediante el Editor de imágenes. En el resto de los casos la imagen será copiada tal cual es, para mantener el efecto de transparencia aplicado a las imágenes en formato GIF. |
| ▪ | Método de reducción: es el método que se aplica para la reducción del tamaño (ancho y alto) de las imágenes. Es posible escoger entre: |
| • | Bilinear (más rápido): es el método de reducción más rápido pero la calidad de la imagen es inferior al de los otros métodos. |
| • | Decimate (medio): es el método que permite obtener prestaciones intermedias en cuanto a velocidad y a calidad en relación a los otros métodos disponibles. |
| • | Bicubic (preciso pero lento): es el método de reducción más lento pero garantiza una calidad superior en la imagen. |
Seleccionando como Modo de visualización el Ampliar y mover manualmente la imagen o el Ampliar y mover automáticamente la imagen, es posible modificar los siguientes Ajustes:
| ▪ | Modalidad desplazamiento: permite especificar en qué dirección se puede desplazar la imagen manual o automáticamente. Las opciones disponibles son: |
| • | Desplazamiento libre: la imagen puede ser arrastrada tanto en sentido horizontal como vertical. En este caso es preciso especificar el valor del Zoom máx: por ejemplo, un factor de ampliación ajustado al 200% duplica el tamaño original de la imagen. |
|
|
Imagen introducida |
Imagen con efecto |
| • | Vista panorámica horizontal: la imagen puede ser arrastrada solo en sentido horizontal. Para aprovechar al máximo este efecto es preciso insertar imágenes con la base mucho mayor que la altura. En este caso es preciso especificar el valor en píxeles de la altura de la imagen en el campo Altura. |
|
|
Imagen introducida |
Imagen con efecto |
| • | Vista panorámica vertical: la imagen puede ser arrastrada sólo en sentido vertical. Esta vez es preciso utilizar imágenes con una altura mucho mayor que la base y ajustar en el campo Altura el valor en píxeles de la altura que se desea mantener para la celda de la Rejilla de maquetación correspondiente. |
|
|
Imagen introducida |
Imagen con efecto |
| ▪ | Zoom máx: disponible solo para la modalidad de desplazamiento Desplazamiento libre, permite especificar el factor de ampliación que se debe aplicar a la imagen para que pueda resultar más grande que el área en la que se mostrará. En efecto, si la imagen no fuese ampliada no podría ser arrastrada. |
| ▪ | Altura: disponible solo para la modalidad de desplazamiento Vista panorámica horizontal y Vista panorámica vertical, define, en el primer caso, el valor en píxeles de la altura de la imagen, y en el segundo la altura de la celda de la Rejilla de maquetación en la que se muetra la imagen. |
| ▪ | Amplía la imagen: activa por defecto, esta opción hace que la imagen pueda ser ampliada y reducida por el visitante mediante la ruedita del ratón. Al abrir la página, la imagen se muestra con su tamaño original y el icono presente en el ángulo inferior derecho indica la posibilidad de hacer zoom. Por medio de la ruedita del ratón la imagen se amplía hasta el factor Zoom máx establecido. |
| ▪ | Mostrar la Barra de zoom: está disponible solo si se activa la opción Amplía la imagen, permite ver en la ventana Imagen una barra mediante la cual el usuario podrá regular y predisponer el zoom. |
| ▪ | Mostrar el navegador: pone a disposición del visitante un navegador, esto es una pequeña ventana mostrada sobre la imagen que contiene una miniatura de la imagen misma. La función del navegador es señalar mediante un recuadro la parte de la imagen que se está viendo en cada momento. Este recuadro se puede arrastrar en el navegador, hacerlo equivale a desplazar manualmente la imagen. Desplazando el ratón al exterior de la ventana Imagen, el navegador desaparece con un efecto de movimiento en salida hacia arriba. |
| ▪ | Activar movimiento continuo automático: hace que la imagen siga desplazándose automáticamente durante todo el tiempo en el que es visualizada. Puede ser útil para hacer entender al visitante que la imagen puede ser ampliada. El visitante puede retomar el control del movimiento usando el ratón, a la vez que puede hacer zoom usando la Barra de Zoom, si está disponible, o la ruedita del ratón. |
Solo si para la imagen en la que se está trabajando ha sido configurado el Redimensionamiento automático de la imagen como Modo de visualización es posible predisponer un Efecto mouseover por paso del ratón:
| ▪ | Efecto mouseover por paso del ratón: define el tipo de efecto que se debe reproducir al paso del ratón sobre la imagen, eligiéndolo entre los que se proponen. |
| ▪ | Ajustes: Hay varios en función del Efecto mouseover por paso del ratón seleccionado. Permiten configurar los parámetros que definen el efecto (por ejemplo, el color y el grosor del borde para el efecto "Borde coloreado"). |
Por último, es posible usar las opciones de Protección para intentar impedir la copia no autorizada de las imágenes:
| ▪ | Proteger imagen contra copias: protege la imagen impidiendo que pueda ser fácilmente copiada usando comandos como "guardar imagen como..." que están disponibles en los menús contextuales de los diferentes exploradores. |
Best practice:
