Enlaces rápidos a procedimientos en esta página:

 
 
 
 
 


Segmentación de imágenes

La segmentación de imágenes permite cargar por partes una imagen grande en una página Web al dividirla en varios archivos más pequeños. Los archivos o segmentos resultantes pueden destinarse únicamente a su visualización o utilizarse como área de clic.

Los segmentos sólo pueden ser rectangulares. Para crear áreas de clic con otras formas, utilice un mapa de imagen. Si desea obtener más información sobre los mapas de imagen, consulte “Creación de mapas de imagen.”

Cuando se segmenta una imagen, es posible previsualizarla y probarla en un explorador en cualquier momento.


Creación de cuadrículas de segmentos

Para segmentar una imagen, primero es necesario crear una cuadrícula de segmentos colocando líneas de segmentos horizontales y verticales sobre la imagen. La cuadrícula puede crearse automáticamente a partir de la colocación de los objetos de la imagen. Los segmentos también pueden ser de igual tamaño si se crean a partir de un número especificado de columnas y filas. Además, es posible importar o exportar cuadrículas de segmentos.

La cuadrícula de segmentos se superpone a la ventana de imagen. Mientras se trabaja con una imagen segmentada es posible seguir accediendo a otras características. La superposición y la cuadrícula de segmentos pueden ocultarse.


Asignación de propiedades a los segmentos

Una vez segmentada una imagen, es posible asignar propiedades a cualquiera de sus segmentos. Por cada segmento se puede especificar el nombre de archivo, la dirección URL, el destino y el texto alternativo. Los segmentos pueden exportarse a formatos de archivo distintos y optimizarse por separado. La configuración predeterminada se aplica a cualquier segmento que no tenga asignadas propiedades específicas. Los segmentos que carecen de nombre reciben automáticamente uno en función de su posición en las filas y columnas de la cuadrícula de segmentos. Por ejemplo, en una imagen segmentada denominada “anuncio”, el segmento de la primera fila y la primera columna se llama “anuncio_r1c1”.

Un segmento de una imagen también puede ser una imagen cambiante. Si desea obtener más información sobre la creación y la edición de imágenes cambiantes, consulte “Creación y edición de imágenes cambiantes.”

Además, es posible previsualizar una imagen segmentada en un explorador Web mientras se trabaja con ella.

Photo Paint web imageslice Segmentación de imágenes

Esta imagen segmentada contiene botones de imagen cambiante y segmentos con texto optimizados por separado. Las líneas verdes indican la cuadrícula de segmentos.


Eliminación de segmentos

Una vez añadidas las líneas de segmento, es posible moverlas o borrarlas. Para quitar parte de una línea de segmento, puede seleccionar y fusionar segmentos adyacentes. También puede quitar toda la cuadrícula de segmentos de una vez. Cuando se borra una línea de segmento, se crea un segmento a partir de varios. Como resultado se pierde la configuración aplicada a cada uno de ellos; el nuevo segmento, de mayor tamaño, adopta la configuración predeterminada.


Exportación de imágenes segmentadas

Una vez segmentada la imagen, es preciso exportarla. Durante el proceso de exportación, Corel PHOTO-PAINT crea lo siguiente:

 
Un archivo que contiene el código HTML y JavaScript.
 
Una carpeta que contiene los segmentos de la imagen

Si ya ha exportado una imagen segmentada y la ha vuelto a abrir para modificarla, puede optar por exportar únicamente los segmentos de la imagen.


Optimización de imágenes segmentadas

Antes de exportar una imagen, también es posible optimizarla. La configuración de optimización se aplica únicamente a los segmentos que no tienen aún asignado formato de archivo ni configuración de optimización; estos segmentos se guardan con la configuración predeterminada de formato de archivo JPEG. En este punto ya no es posible especificar configuración para cada segmento por separado. También puede optar por optimizar la imagen entera y omitir los segmentos y su configuración. Si desea obtener más información sobre la optimización de imágenes para Web, consulte “Exportación y optimización de imágenes para Web.”


Para segmentar una imagen

Photo Paint btnbacktotop Segmentación de imágenes
1.
 
Haga clic en la herramienta Segmentación de imagen Photo Paint pgx image slicing tool Segmentación de imágenes.
2.
 
En la Barra de propiedades, haga clic en uno de los siguientes botones para crear una cuadrícula de segmentos:
Botón Segmento vertical Photo Paint pgx vertical slice button Segmentación de imágenes: permite añadir una sola línea de segmento vertical al hacer clic en la imagen.
Botón Segmento horizontal Photo Paint pgx horiz slice button Segmentación de imágenes: permite añadir una sola línea de segmento horizontal al hacer clic en la imagen.
Botón Segmentar automáticamente Photo Paint pgx auto slice button Segmentación de imágenes: permite segmentar una imagen completa en función de la colocación de los objetos.
Botón Segmentos iguales Photo Paint pgx equal slice button Segmentación de imágenes: permite dividir la imagen en segmentos de igual tamaño mediante la especificación del número de filas y columnas.
3.
 
Haga clic en el botón Selector de segmento Photo Paint pgx slice select button Segmentación de imágenes de la barra de propiedades.
Si desea mover una línea de segmento, arrástrela a otro lugar de la imagen.
4.
 
Haga clic en un segmento de la imagen.
5.
 
En la ventana acoplable Segmentación de imagen, escriba la siguiente información sobre los segmentos seleccionados:
Nombre: especifica el nombre de archivo del segmento. Si no especifica ningún nombre, se asignará uno predeterminado basado en el nombre de archivo de la imagen original y en la posición del segmento en las filas y columnas.
URL: especifica la dirección, o URL, de una página Web que se abre al hacer clic en un segmento.
ALT: especifica el texto alternativo que aparece en el explorador al señalar un segmento.
Destino: especifica cómo se abre una página Web: _self abre la URL en el marco actual, _blank abre la URL en otra ventana de explorador, _top abre la URL en el marco raíz del explorador, _parent abre la URL en el marco de máximo nivel.
6.
 
En el área Formato, elija un formato de archivo para el segmento en el cuadro de lista.
Si no elige ningún formato, el segmento de imagen se guarda automáticamente con el formato de archivo predeterminado.

También es posible
Optimizar un segmento
Seleccione un segmento y, en la ventana acoplable Segmentación de imagen, haga clic en Avanzadas y ajuste la configuración del formato de archivo.
Previsualizar la imagen segmentada en el explorador con la configuración actual
Haga clic en el botón Previsualizar Photo Paint pgx preview browser Segmentación de imágenes.
Importar una cuadrícula de segmentos
Haga clic en la flecha de menú lateral Photo Paint pgx flyout arrow Segmentación de imágenes y después en Importar cuadrícula.
Exportar una cuadrícula de segmentos para utilizarla con otra imagen
Haga clic en la flecha de menú lateral Photo Paint pgx flyout arrow Segmentación de imágenes y después en Exportar cuadrícula.
Guardar la configuración especificada de formato de archivo como preestablecida
Haga clic en la flecha de menú lateral Photo Paint pgx flyout arrow Segmentación de imágenes y después en Guardar preestablecido.

Photo Paint tip Segmentación de imágenes

 
Si desea seleccionar varios segmentos, mantenga presionada la tecla Mayús y haga clic en ellos.
 
Para alternar entre los botones Segmento horizontal y Segmento vertical, presione la tecla Mayús.

Para mostrar u ocultar la superposición y la cuadrícula de segmentos

Photo Paint btnbacktotop Segmentación de imágenes
 
Haga clic en Ver Photo Paint onestep Segmentación de imágenes Cuadrícula de segmentos.

Photo Paint note Segmentación de imágenes

 
Si la herramienta Segmentación de imagen Photo Paint pgx image slicing tool Segmentación de imágenes está seleccionada, no es posible mostrar ni ocultar la cuadrícula de segmentos. Cuando la herramienta de segmentación está seleccionada, la cuadrícula de segmentos se muestra siempre.

Para borrar una línea de segmento de una imagen

Photo Paint btnbacktotop Segmentación de imágenes
1.
 
Haga clic en la herramienta Segmentación de imagen Photo Paint pgx image slicing tool Segmentación de imágenes.
2.
 
Haga clic en el botón Borrar segmento Photo Paint pgx erase slice button Segmentación de imágenes de la barra de propiedades.
3.
 
Haga clic en una línea para borrarla.
Si desea borrar todos los segmentos, haga clic en el botón Borrar todos los segmentos Photo Paint pgx erase all button Segmentación de imágenes de la barra de propiedades.

Photo Paint note Segmentación de imágenes

 
Cuando se borra una línea de segmento, el nuevo segmento combinado adopta la configuración predeterminada. La configuración aplicada a cada segmento por separado se pierde.

Para exportar una imagen segmentada

Photo Paint btnbacktotop Segmentación de imágenes
1.
 
Haga clic en Archivo Photo Paint onestep Segmentación de imágenes Exportar para Web.
2.
 
Elija la carpeta en la que desee almacenar el archivo HTML/JavaScript.
3.
 
Escriba el nombre del archivo en el cuadro Nombre de archivo.
4.
 
Cerciórese de que la casilla de selección Segmentos está activada.
5.
 
Asegúrese también de que la casilla de selección HTML e imágenes está activada.
6.
 
En el área Destino de la imagen, active la opción Usar nombre HTML para la subcarpeta de imágenes.
Los segmentos de la imagen se guardan en la misma ubicación que el archivo HTML; la carpeta toma un nombre basado en el nombre del archivo HTML.
7.
 
Haga clic en Guardar.

También es posible
Especificar otro nombre y otra ubicación para la carpeta de imágenes
En el área Destino de la imagen, escriba una ruta de acceso en el cuadro Carpeta de imágenes.
Sustituir segmentos de imagen existentes
En el área Destino de la imagen, active la opción Reemplazar archivos existentes.
Previsualizar la imagen segmentada en un explorador
Active la casilla de selección Mostrar en explorador para iniciar el explorador predeterminado y previsualizar el archivo con la configuración actual.

Photo Paint note Segmentación de imágenes

 
Si la opción Segmentos no está activada, no se aplicarán a la imagen exportada los segmentos ni ninguno de los valores asignados en la ventana acoplable Segmentación de imagen. Si decide no aplicar los segmentos ni la configuración, puede elegir un formato de archivo para aplicar a toda la imagen en el cuadro de lista Guardar como tipo.
 
Si no utiliza un nombre de archivo compatible con Web, el formato se corrige automáticamente durante la exportación. Si ha duplicado inadvertidamente el nombre de un archivo, el nombre también se corregirá automáticamente.

Photo Paint tip Segmentación de imágenes

 
Si sólo desea exportar los segmentos de la imagen, active la opción Sólo las imágenes. El cuadro Nombre de archivo aparece atenuado porque ya se han especificado nombres de archivo para los segmentos de la imagen en la ventana acoplable Segmentación de imagen.

Para optimizar y exportar una imagen segmentada

Photo Paint btnbacktotop Segmentación de imágenes
1.
 
Haga clic en Archivo Photo Paint onestep Segmentación de imágenes Optimizador de imágenes Web.
2.
 
En la esquina superior izquierda del cuadro de diálogo Optimizador de imágenes Web, active la opción Mantener segmentos.
3.
 
Elija un formato de archivo en el cuadro de lista de la esquina superior izquierda, situado bajo una ventana de previsualización de la imagen.
4.
 
Elija un valor preestablecido para Web en el cuadro de lista de la esquina superior derecha.
5.
 
Haga clic bajo una ventana de previsualización de la imagen para seleccionar el formato de archivo con el que desee guardarla.
Un borde rojo indica el formato seleccionado.
6.
 
Haga clic en Aceptar.
7.
 
En el cuadro de diálogo Exportar para Web, escriba un nombre de archivo en el cuadro Nombre de archivo.
8.
 
Elija la carpeta en la que desee almacenar la imagen.
9.
 
Haga clic en Guardar.

También es posible
Previsualizar la imagen con la configuración actual

de cada segmento
Haga clic en Previsualización.
Omitir los segmentos y optimizar la imagen en su totalidad
Active la opción Crear una sola imagen.

Photo Paint note Segmentación de imágenes

 
Aunque los segmentos se muestran en el cuadro de diálogo Optimizador de imágenes Web, sólo se optimizan los que están definidos con el tipo de archivo predeterminado. Si desea optimizar los segmentos por separado, debe volver a la ventana acoplable Segmentación de imagen.

Segmentación de imágenes