Resumen del tema
Gestión de Contenidos Multimedia en la Web: Imágenes
Resumen Ejecutivo
Este documento sintetiza los principios fundamentales, técnicos y legales para la gestión de imágenes en entornos web. La eficacia de la comunicación visual depende de la claridad y coherencia en el uso de recursos gráficos, los cuales deben ser perceptibles y accesibles (cumpliendo niveles de conformidad A). Se distinguen dos grandes categorías de imágenes: las matriciales (mapas de bits), ideales para fotografía pero sujetas a pérdida de calidad al ampliarse, y las vectoriales, basadas en funciones matemáticas que permiten un escalado infinito sin pérdida de nitidez.
Para la web, los formatos predominantes son GIF, JPG y PNG, cada uno con aplicaciones específicas según la profundidad de color y la necesidad de animación o transparencia. La optimización es crítica para reducir tiempos de descarga, priorizando una resolución de 72 ppp. Finalmente, se subraya que los derechos de propiedad intelectual nacen con la creación de la obra; aunque la inscripción en el Registro de la Propiedad Intelectual es voluntaria, las licencias (como Creative Commons) y las entidades de gestión colectiva son herramientas esenciales para proteger y regular el uso de los recursos gráficos.
--------------------------------------------------------------------------------
1. Tipología y Atributos de la Imagen Digital
La imagen digital es el resultado de capturar información visual (color y luminosidad) mediante unos y ceros. Su naturaleza se divide en dos tipos principales con características contrapuestas:
1.1. Comparativa de Tipos de Imagen
Característica Mapas de Bits (Matriciales/Bitmap) Vectoriales
Construcción Formadas por píxeles (retícula de puntos). Funciones matemáticas (segmentos, arcos, polígonos).
Escalado Pierden calidad al aumentar tamaño ("dientes de sierra"). No pierden calidad al hacer zoom o ampliar.
Peso del archivo Proporcional al tamaño de la imagen y profundidad. Independiente del tamaño físico; depende de la complejidad.
Uso principal Fotografía realista, ilustraciones complejas. Logotipos, iconos, planos, esquemas.
1.2. Atributos Técnicos
* Resolución: Número de puntos o píxeles por pulgada (ppp). En cámaras digitales, se mide en megapíxeles. Para impresión, una resolución común es 300 ppp, mientras que para web el estándar es 72 ppp.
* Tamaño: Determinado por el número total de píxeles (ancho x alto).
* Profundidad de color: Cantidad de bits de información almacenados por píxel. Define el número de colores representables.
* Cálculo de peso: Una imagen de 10 MP con 36 bits de profundidad ocupa aproximadamente 43 MB (10,000,000 x 4.5 bytes).
--------------------------------------------------------------------------------
2. Formatos y Compresión en la Web
No todos los formatos de imagen son aptos para la navegación web. Los navegadores soportan principalmente tres tipos, seleccionados por su equilibrio entre calidad y peso.
2.1. Formatos Estándar de la Web
1. GIF (Graphics Interchange Format):
* Limitado a 256 colores.
* Ideal para colores sólidos, logotipos, iconos sencillos y animaciones.
* Usa compresión LZW (sin pérdida).
2. JPG/JPEG (Joint Photographic Experts Group):
* Soporta más de 256 colores.
* Estándar para fotografía digital y gradientes.
* Compresión con pérdida (lossy) que elimina información visual redundante.
3. PNG (Portable Network Graphics):
* Alternativa moderna al GIF.
* Soporta transparencia y más de 256 colores.
* Compresión sin pérdida (lossless).
2.2. Técnicas de Compresión
La compresión busca reducir el número de bits eliminando redundancia.
* Sin pérdida (Lossless): Como el algoritmo LZW, que sustituye secuencias repetidas de píxeles por códigos cortos. Es muy eficaz en imágenes con grandes áreas de color uniforme.
* Con pérdida (Lossy): Como el algoritmo JPEG, que ofrece mayores tasas de compresión a costa de una degradación de calidad a veces imperceptible para el ojo humano.
--------------------------------------------------------------------------------
3. Software y Gestión de Recursos Gráficos
El diseño web requiere herramientas específicas para la visualización, creación, edición y optimización.
3.1. Categorías de Software
* Visores: Herramientas puras para visualizar, rotar (sin pérdida) y consultar propiedades (ej. Visor de Windows, GwenView, Eye of GNOME).
* Creadores de recursos: Especializados en elementos específicos como iconos (IcoFx, IconArt), banners animados (Bannershop GIF Animator) o logotipos (EazyDraw, The Logo Creator).
* Editores: Permiten alteraciones complejas como ajustes de brillo, contraste, sobreexposición o clonación (ej. Photoshop, GIMP).
3.2. Optimización para la Web
La optimización es el proceso de reducir el tamaño del archivo con la mínima pérdida de calidad para acelerar la descarga.
* Recomendaciones de flujo de trabajo:
* Escanear a 72 ppp para uso directo en web.
* Guardar siempre una copia del original en formatos sin pérdida (como TIFF o PSD).
* Utilizar miniaturas (thumbnails) con enlaces a la imagen original para no sobrecargar la página principal.
* Priorizar líneas de color horizontales, ya que se comprimen mejor que las verticales.
--------------------------------------------------------------------------------
4. Propiedad Intelectual y Aspectos Legales
La creación de recursos gráficos para la web está protegida por la Ley de Propiedad Intelectual (Texto Refundido aprobado por Real Decreto Legislativo 1/1996 en España).
4.1. Derechos y Definiciones
* Autoría: El autor tiene plena disposición y derecho exclusivo a la explotación de su obra.
* Divulgación vs. Publicación: La divulgación es la primera puesta a disposición del público en cualquier forma; la publicación implica la reproducción de ejemplares.
* Registro: El Registro General de la Propiedad Intelectual es único en España (con registros territoriales). La inscripción es voluntaria, ya que los derechos nacen con el acto de creación.
* Copyright (©): Símbolo para indicar que los derechos de explotación están reservados. No es obligatorio para poseer los derechos, pero sí recomendado para informar a terceros.
4.2. Tipos de Licencias
Tipo Descripción
Dominio Público El autor libera el contenido; puede usarse y modificarse sin restricciones legales.
Copyleft Permite libre distribución y modificación, exigiendo que las obras derivadas mantengan los mismos derechos (ej. GFDL).
Creative Commons (CC) Ofrece derechos bajo condiciones específicas.
Condiciones de las Licencias Creative Commons:
* BY (Atribución): Obliga a reconocer la autoría original.
* NC (No Comercial): Prohíbe el uso para obtener beneficios económicos.
* SA (Compartir Igual): Obliga a que las obras derivadas se distribuyan bajo la misma licencia.
* ND (Sin Obra Derivada): No permite la modificación de la obra original.
4.3. Entidades de Gestión Colectiva
Son organizaciones privadas sin ánimo de lucro (ej. SGAE, VEGAP, CEDRO) que administran los derechos patrimoniales por cuenta de los titulares. Sus funciones incluyen:
* Recaudar y repartir remuneraciones por el uso de obras.
* Celebrar contratos generales con usuarios.
* Defender los derechos contra infracciones, incluso por vía judicial.
* Están bajo la tutela y autorización del Ministerio de Cultura.
Resumen Ejecutivo
Este documento sintetiza los principios fundamentales, técnicos y legales para la gestión de imágenes en entornos web. La eficacia de la comunicación visual depende de la claridad y coherencia en el uso de recursos gráficos, los cuales deben ser perceptibles y accesibles (cumpliendo niveles de conformidad A). Se distinguen dos grandes categorías de imágenes: las matriciales (mapas de bits), ideales para fotografía pero sujetas a pérdida de calidad al ampliarse, y las vectoriales, basadas en funciones matemáticas que permiten un escalado infinito sin pérdida de nitidez.
Para la web, los formatos predominantes son GIF, JPG y PNG, cada uno con aplicaciones específicas según la profundidad de color y la necesidad de animación o transparencia. La optimización es crítica para reducir tiempos de descarga, priorizando una resolución de 72 ppp. Finalmente, se subraya que los derechos de propiedad intelectual nacen con la creación de la obra; aunque la inscripción en el Registro de la Propiedad Intelectual es voluntaria, las licencias (como Creative Commons) y las entidades de gestión colectiva son herramientas esenciales para proteger y regular el uso de los recursos gráficos.
--------------------------------------------------------------------------------
1. Tipología y Atributos de la Imagen Digital
La imagen digital es el resultado de capturar información visual (color y luminosidad) mediante unos y ceros. Su naturaleza se divide en dos tipos principales con características contrapuestas:
1.1. Comparativa de Tipos de Imagen
Característica Mapas de Bits (Matriciales/Bitmap) Vectoriales
Construcción Formadas por píxeles (retícula de puntos). Funciones matemáticas (segmentos, arcos, polígonos).
Escalado Pierden calidad al aumentar tamaño ("dientes de sierra"). No pierden calidad al hacer zoom o ampliar.
Peso del archivo Proporcional al tamaño de la imagen y profundidad. Independiente del tamaño físico; depende de la complejidad.
Uso principal Fotografía realista, ilustraciones complejas. Logotipos, iconos, planos, esquemas.
1.2. Atributos Técnicos
* Resolución: Número de puntos o píxeles por pulgada (ppp). En cámaras digitales, se mide en megapíxeles. Para impresión, una resolución común es 300 ppp, mientras que para web el estándar es 72 ppp.
* Tamaño: Determinado por el número total de píxeles (ancho x alto).
* Profundidad de color: Cantidad de bits de información almacenados por píxel. Define el número de colores representables.
* Cálculo de peso: Una imagen de 10 MP con 36 bits de profundidad ocupa aproximadamente 43 MB (10,000,000 x 4.5 bytes).
--------------------------------------------------------------------------------
2. Formatos y Compresión en la Web
No todos los formatos de imagen son aptos para la navegación web. Los navegadores soportan principalmente tres tipos, seleccionados por su equilibrio entre calidad y peso.
2.1. Formatos Estándar de la Web
1. GIF (Graphics Interchange Format):
* Limitado a 256 colores.
* Ideal para colores sólidos, logotipos, iconos sencillos y animaciones.
* Usa compresión LZW (sin pérdida).
2. JPG/JPEG (Joint Photographic Experts Group):
* Soporta más de 256 colores.
* Estándar para fotografía digital y gradientes.
* Compresión con pérdida (lossy) que elimina información visual redundante.
3. PNG (Portable Network Graphics):
* Alternativa moderna al GIF.
* Soporta transparencia y más de 256 colores.
* Compresión sin pérdida (lossless).
2.2. Técnicas de Compresión
La compresión busca reducir el número de bits eliminando redundancia.
* Sin pérdida (Lossless): Como el algoritmo LZW, que sustituye secuencias repetidas de píxeles por códigos cortos. Es muy eficaz en imágenes con grandes áreas de color uniforme.
* Con pérdida (Lossy): Como el algoritmo JPEG, que ofrece mayores tasas de compresión a costa de una degradación de calidad a veces imperceptible para el ojo humano.
--------------------------------------------------------------------------------
3. Software y Gestión de Recursos Gráficos
El diseño web requiere herramientas específicas para la visualización, creación, edición y optimización.
3.1. Categorías de Software
* Visores: Herramientas puras para visualizar, rotar (sin pérdida) y consultar propiedades (ej. Visor de Windows, GwenView, Eye of GNOME).
* Creadores de recursos: Especializados en elementos específicos como iconos (IcoFx, IconArt), banners animados (Bannershop GIF Animator) o logotipos (EazyDraw, The Logo Creator).
* Editores: Permiten alteraciones complejas como ajustes de brillo, contraste, sobreexposición o clonación (ej. Photoshop, GIMP).
3.2. Optimización para la Web
La optimización es el proceso de reducir el tamaño del archivo con la mínima pérdida de calidad para acelerar la descarga.
* Recomendaciones de flujo de trabajo:
* Escanear a 72 ppp para uso directo en web.
* Guardar siempre una copia del original en formatos sin pérdida (como TIFF o PSD).
* Utilizar miniaturas (thumbnails) con enlaces a la imagen original para no sobrecargar la página principal.
* Priorizar líneas de color horizontales, ya que se comprimen mejor que las verticales.
--------------------------------------------------------------------------------
4. Propiedad Intelectual y Aspectos Legales
La creación de recursos gráficos para la web está protegida por la Ley de Propiedad Intelectual (Texto Refundido aprobado por Real Decreto Legislativo 1/1996 en España).
4.1. Derechos y Definiciones
* Autoría: El autor tiene plena disposición y derecho exclusivo a la explotación de su obra.
* Divulgación vs. Publicación: La divulgación es la primera puesta a disposición del público en cualquier forma; la publicación implica la reproducción de ejemplares.
* Registro: El Registro General de la Propiedad Intelectual es único en España (con registros territoriales). La inscripción es voluntaria, ya que los derechos nacen con el acto de creación.
* Copyright (©): Símbolo para indicar que los derechos de explotación están reservados. No es obligatorio para poseer los derechos, pero sí recomendado para informar a terceros.
4.2. Tipos de Licencias
Tipo Descripción
Dominio Público El autor libera el contenido; puede usarse y modificarse sin restricciones legales.
Copyleft Permite libre distribución y modificación, exigiendo que las obras derivadas mantengan los mismos derechos (ej. GFDL).
Creative Commons (CC) Ofrece derechos bajo condiciones específicas.
Condiciones de las Licencias Creative Commons:
* BY (Atribución): Obliga a reconocer la autoría original.
* NC (No Comercial): Prohíbe el uso para obtener beneficios económicos.
* SA (Compartir Igual): Obliga a que las obras derivadas se distribuyan bajo la misma licencia.
* ND (Sin Obra Derivada): No permite la modificación de la obra original.
4.3. Entidades de Gestión Colectiva
Son organizaciones privadas sin ánimo de lucro (ej. SGAE, VEGAP, CEDRO) que administran los derechos patrimoniales por cuenta de los titulares. Sus funciones incluyen:
* Recaudar y repartir remuneraciones por el uso de obras.
* Celebrar contratos generales con usuarios.
* Defender los derechos contra infracciones, incluso por vía judicial.
* Están bajo la tutela y autorización del Ministerio de Cultura.