En los campos que emplean habilidades de diseño de interfaz, la segmentación es el proceso de dividir un único diseño de composición de interfaz de usuario 2D ( com ) en varios archivos de imagen ( recursos digitales ) de la interfaz gráfica de usuario (GUI) para una o más páginas electrónicas . Normalmente forma parte del proceso de desarrollo del lado del cliente para crear una página web o un sitio web , pero también se utiliza en el proceso de diseño de interfaz de usuario del desarrollo de software y de juegos .
El proceso implica dividir una composición en una sola capa [formato de archivo de imagen] o en el formato de archivo nativo de múltiples capas del software de diseño gráfico utilizado para dividir. Una vez divididas, se guardarían como archivos de imagen separados, generalmente en formato GIF , JPEG o PNG, ya sea en un proceso por lotes o de a uno por vez. Los archivos de imagen de múltiples capas pueden incluir múltiples versiones o estados de la misma imagen, que a menudo se utilizan para animaciones o widgets .
El corte se utiliza en muchos casos en los que se debe implementar un diseño gráfico como contenido multimedia interactivo . Por lo tanto, se trata de una habilidad muy importante que suelen poseer los desarrolladores " front-end ", es decir, los desarrolladores de medios interactivos que se especializan en el desarrollo de interfaces de usuario.
Las porciones se pueden generar y utilizar de varias maneras diferentes. Antes del diseño web sin tablas , las imágenes divididas en porciones se mantenían unidas con precisión mediante tablas HTML . El diseño de páginas interactivas moderno incluye un uso extensivo de hojas de estilo en cascada (CSS) y marcado semántico . Las tablas se pueden utilizar para lograr compatibilidad con navegadores web más antiguos y poco comunes que no son capaces de procesar la codificación moderna sin tablas con precisión.
El corte se utiliza exclusivamente para imágenes de mapa de bits . Las imágenes vectoriales suelen procesarse mediante complementos de reproducción de medios y se incluyen en formatos de archivos multimedia nativos , como X3D , SWF , SVG o PDF .
La segmentación reduce la carga de trabajo y los requisitos de espacio de almacenamiento de datos informáticos , ya que solo se necesita la parte de una imagen dinámica que cambia en lugar de la imagen completa. Si la segmentación se encuentra en una imagen transparente de varias capas, se puede reutilizar en varias partes de una imagen sin cambiar el fondo.
En la web, el corte divide una imagen grande en muchas más pequeñas, lo que reduce considerablemente el "peso de la página" o el tiempo de carga [ cita requerida ] . Se pueden utilizar métodos avanzados de corte para comprimir aún más la cantidad de datos que se necesitan descargar al ordenador del usuario para que la página web se muestre correctamente. Técnicas como la repetición de imágenes de fondo significan que una imagen pequeña se puede descargar del servidor web solo una vez y luego se le puede indicar (a través de un CSS) que se repita mediante el lenguaje de marcado, trasladando la carga de trabajo del servidor web al ordenador del cliente. Pueden surgir ciertos problemas de rendimiento, sin embargo, normalmente son insignificantes en comparación con la tecnología actual y las tendencias de diseño web que cambian hacia sitios web de medios enriquecidos que normalmente requieren conectividad de alto ancho de banda y hardware informático reciente.
En medios electrónicos fuera de línea, se pueden usar secciones cortadas individualmente de una imagen 2D para disminuir los requisitos de procesamiento de la computadora local para cambiar una sección de esa imagen.
Muchos programas estándar de la industria ofrecen la posibilidad de dividir automáticamente un diseño en tablas mediante funciones integradas. Estas funciones se describen a continuación:
Las versiones recientes de estos programas han mejorado la capacidad de convertir ilustraciones directamente en CSS, aunque se trata de un método poco ortodoxo ya que los algoritmos dependen en gran medida del posicionamiento absoluto (por ejemplo), que puede representarse (mostrarse) de manera inconsistente en los navegadores web modernos.
El corte se utiliza principalmente para gráficos de computadora 2D con interfaces de una sola capa. Las interfaces de múltiples capas pueden utilizar cortes, pero también pueden utilizar gráficos vectoriales (incluidos modelos 3D ) con el inconveniente de un tiempo de renderizado adicional (que suele ser imperceptible) y con la ventaja de más opciones y flexibilidad para alterar la apariencia de la imagen individual. Estas imágenes individuales alternativas se conocen comúnmente como sprites .