Creación de imágenes para Web : Fraccionamiento de imágenes
Fraccionamiento de imágenes
Cuando se segmenta una imagen, se divide en varias imágenes de menor tamaño que se pueden guardar con distintos formatos o niveles de optimización diferentes. Dado que estas imágenes optimizadas pueden descargarse en menos tiempo que una imagen grande, las páginas Web que elabore se cargarán más rápidamente.
La segmentación de una imagen también puede reducir el número de gráficos que debe guardar. Si el sitio Web muestra el mismo logotipo u otro gráfico en varias páginas, al fraccionar las imágenes sólo necesitará guardar esa sección una vez. Posteriormente no tendrá más que volver a cargar la misma sección de logotipo o gráfico en todas las imágenes.
Mediante el Rebanador de imágenes, puede crear una tabla a partir de la imagen guardando la posición de cada sección fragmentada como una región de la tabla y generando el código HTML para la columna y las celdas. A continuación debe incorporar este código en los archivos HTML de modo que la imagen se pueda volver a montar cuando el usuario descargue la página Web.
También puede crear imágenes dinámicas, que son las áreas que muestran imágenes secundarias cuando el usuario hace clic o mueve el cursor sobre ellas.
Creación y edición de celdas
El proceso de segmentación consiste en dividir una imagen en celdas y editar los límites de las celdas. Para segmentar una imagen debe utilizar las herramientas que se encuentran en la sección Herramientas del cuadro de diálogo Rebanador de imágenes.
 
Herramienta
Descripción
La herramienta Flecha permite activar una celda o mover sus bordes.
La herramienta Cuadrícula permite crear una cuadrícula de celdas separadas uniformemente por toda la imagen o dentro de otra celda.
La herramienta Rebanador permite crear una línea horizontal o vertical.
La herramienta Eliminar permite eliminar líneas de fracción.
La herramientaPanorámico permite arrastrar la imagen en la vista previa y ver áreas ocultas de la imagen.
Asignación de propiedades de celdas fragmentadas
Después de crear las celdas fragmentadas, puede asignarles URL, texto alternativo y destinos. También tiene la opción de que la celda aparezca en la imagen descargada. Si omite celdas puede añadir celdas de otras imágenes (como logotipos o texto) y crear imágenes en formas no rectangulares.
Cuando asigna texto alternativo, el texto se muestra mientras se descarga la imagen. El texto se muestra aunque la imagen no se pueda descargar o el usuario tenga desactivada la visualización de imágenes en su navegador. En algunas versiones de Internet Explorer, este texto también aparece como información en pantalla.
Configuración de preferencias de segmentación
Puede seleccionar colores para las líneas de los bordes de las áreas activas e inactivas.
Cómo guardar y cargar la configuración de segmentación
Al guardar la configuración de segmentación, se guardará la disposición de las celdas y la información introducida en el cuadro de diálogo Rebanador de imágenes. A continuación puede volver a cargar la configuración en la misma imagen o utilizarla con otra.
Cómo guardar segmentos
Puede guardar los segmentos en una carpeta de la unidad de disco duro para utilizarlos de nuevo o editarlos.
* Para fraccionar una imagen en celdas
Edit tab 
1 Seleccione Archivo Exportar Rebanador de imágenes.
Aparece el cuadro de diálogo Rebanador de imágenes.
2 Elija la herramienta Fracción y haga clic en la imagen donde desea crear una línea de fragmento.
Note: Para crear una línea vertical, arrastre en vertical. Para crear una línea horizontal, arrastre en horizontal.
3 Elija la herramienta Flecha y haga clic en el interior de la celda para activarla.
La información de límites de la celda se mostrará en la parte inferior del área Propiedades de celda.
4 En la lista desplegable URL, escriba la dirección de la página Web donde desea que aparezca la celda.
Si desea seleccionar alguna dirección que ya se esté utilizando en la imagen, selecciónela de la lista desplegable URL.
5 En el cuadro Texto Alt, escriba el texto que desea que aparezca en el explorador mientras se descarga la celda.
6 Elija uno de los siguientes marcos de destino u opciones de ventana en la lista desplegable Destino:
_blank: carga la página vinculada en una nueva ventana del explorador.
_parent: carga la página de enlace en la ventana o conjunto de marcos padre del enlace. Si el enlace no se encuentra en un marco anidado, la imagen se carga en la ventana completa del explorador.
_self: carga la página de enlace en el mismo marco o ventana al que pertenece el enlace.
_top: carga la página de enlace en la ventana principal del explorador y elimina todos los marcos.
7 Haga clic en Guardar.
Aparece el cuadro de diálogo Guardar HTML como.
8 Desplácese hasta la carpeta donde desea guardar el código HTML y haga clic en Guardar.
 
También es posible
 
Crear celdas de espaciado y tamaño uniformes.
Haga clic en la herramienta Cuadrícula . Haga clic en el área de vista previa para abrir el cuadro de diálogo Tamaño de cuadrícula y escriba o establezca valores en los controles Filas y Columnas.
Mueva una línea o borde de fracción
Haga clic en la herramienta Flecha y mueva el cursor sobre una línea. Cuando el cursor se transforme en una flecha de dos puntas, arrastre la línea hasta una nueva posición. Para mover únicamente el segmento dentro de la celda actual, mantenga presionada la tecla Mayús al mismo tiempo que hace clic en la línea.
Eliminar una línea o borde
Haga clic en la herramienta Eliminar y mueva el cursor sobre la línea. Cuando el cursor adquiera la forma de una goma de borrar, haga clic para eliminar la línea. Si la eliminación de la línea diera lugar a un área no válida, PaintShop Pro mostrará el icono para indicar que no se puede borrar la línea.
Omitir una celda de la imagen descargada
Haga clic en la celda con la herramienta Flecha y anule la selección de la casilla de verificación Incluir celda en tabla.
Guardar la configuración de fracción en el portapapeles para poder pegarla en el código HTML
Haga clic en Guardar en Portapapeles para abrir el cuadro de diálogo Carpeta de destino de HTML, navegue hasta la carpeta donde se encuentra el archivo HTML y haga clic en Aceptar para guardar la configuración de fracción.
Abra el archivo HTML, coloque el cursor donde desee insertar el código de fracción HTML y presione Ctrl + P.
Crear una imagen dinámica para una celda
Haga clic en Crear imágenes dinámicas. Para obtener más información sobre la creación de imágenes dinámicas, consulte Creación de imágenes dinámicas.
Puede mover las líneas hacia arriba, pero no puede cruzar líneas paralelas adyacentes. Puede mover líneas individuales y líneas que formen parte de una cuadrícula. A medida que arrastra la línea, PaintShop Pro mueve el segmento más largo que se puede cambiar de posición sin crear una celda no rectangular.
* Para establecer las preferencias de fracción
Edit tab 
1 En el cuadro de diálogo Rebanador de imágenes, haga clic en Preferencias.
2 Haga clic en el cuadro Color del borde activo y elija un color.
3 Haga clic en el cuadro Color del borde inactivo y elija un color.
4 En el control Tamaño máximo de historial, escriba o establezca el número de entradas que figuran en las listas desplegables URL y Texto Alt de la sección Propiedades de celda del cuadro de diálogo Rebanador de imágenes.
5 Haga clic en Aceptar.
Si desea que el sistema le solicite la carpeta y el nombre del archivo para los segmentos cuando guarde el código HTML, active la casilla de verificación Pedir carpeta de imagen al Guardar o Guardar como.
* Para guardar la configuración de fraccionamiento
Edit tab 
1 En el cuadro de diálogo Rebanador de imágenes, haga clic en Guardar configuración.
Aparece el cuadro de diálogo Guardar configuración de fraccionamiento.
2 Navegue hasta la carpeta en la que desee guardar el archivo de configuración.
3 Escriba un nombre para el archivo y haga clic en Guardar.
El archivo se guardará en formato JSD.
* Para cargar la configuración de fraccionamiento
Edit tab 
1 En el cuadro de diálogo Rebanador de imágenes, haga clic en Cargar configuración.
Aparece el cuadro de diálogo Cargar configuración de fraccionamiento.
2 Seleccione el archivo JSD que desea cargar y haga clic en Abrir.
Si está cargando una cuadrícula en otra imagen, PaintShop Pro ajustará automáticamente el tamaño de la cuadrícula si las dimensiones de la imagen no son las mismas.