Informática para la Producción Editorial · 27 min de lectura

Imagen: imagen digital y lectura de la imagen

Abrir en Cursada

⚠️ Borrador. Este apunte se armó a partir de los textos del campus, algunos escaneados. Los datos marcados [verificar] o [reconstruido] no están confirmados: contrastalos con la bibliografía. Si encontrás un error, avisame con 💡 Sugerencias.

Textos: Aparici et al. (2006), La imagen. Análisis y representación de la realidad (caps. 9 y 10) · Anónimo [desarrolloweb.com / fotonostra.com], Imagen digital (Manual de edición digital VI) | Tiempo estimado de lectura: 35 min

Mapa rápido #

• El eje tiene dos caras: la imagen como objeto técnico (Manual: píxeles, resolución, modos de color, formatos, compresión, captura) y la imagen como texto que se lee (Aparici: relación imagen-texto, denotación/connotación, estereotipos).
• Manual: dos familias de imagen digital: mapa de bits (rejilla de píxeles, depende de la resolución) y vectorial (fórmulas matemáticas, independiente de la resolución).
• Regla de oro del Manual: trabajar siempre a la resolución del medio de destino: ni más (peso inútil) ni menos (pixelización).
• Regla de oro de Aparici: ninguna imagen es neutra; el texto la ancla o la releva, y la connotación se oculta tras la «objetividad» de la denotación (Barthes).
• Conexión: el Manual pregunta cómo se guarda y se imprime una imagen; Aparici, cómo se interpreta y qué ideología transporta.

Glosario técnico (Manual) #

Cuadro: resolución de trabajo según el medio (Manual, págs. 8-9 y 48) #

El OCR de la tabla de la pág. 8-9 mezcló las filas. Reconstruí la asignación con el texto que la rodea [reconstruido].

Otros valores: la resolución de captura debe ser el doble de la de salida; 200 lpi → escanear a al menos 400 dpi (teoría del muestreo, pág. 47).

Cuadro: profundidad de color (Manual, pág. 20) #

Cuadro: modos de color (Manual, págs. 12-18) #

Cuadro: formatos de imagen (Manual, págs. 67-87) #

Elección por destino (págs. 35-36): pantalla → un formato sin pérdidas como BMP; impresión → TIFF; web → GIF, JPG, PNG o SVG/SWF (el texto escribe «SWG», ver erratas). Siempre conviene guardar una copia sin pérdidas de la imagen escaneada antes de pasar a JPEG.

Imagen digital (Manual): ideas centrales #

Tesis central #

Una composición gráfica combina texto e imágenes; para trabajar con las imágenes hay que conocer su naturaleza digital (mapas de bits y vectoriales), sus formatos, y las herramientas de captura y retoque. La clave es el equilibrio calidad/peso según el medio de destino.

Mapa de bits frente a vectorial #

Peso de un archivo de mapa de bits #

Fórmula: peso (bytes) = [ (ancho_in × ppp) × (alto_in × ppp) × profundidad_bits ] ÷ 8 - Con dimensiones en píxeles: ancho_px × alto_px × bits ÷ 8. - Con centímetros: dividir por 2,54 para pasar a pulgadas.

Ejemplo resuelto (Manual, pág. 23): 3 × 2 pulgadas, 72 ppp, 8 bits. 1. (3 × 72) × (2 × 72) = 216 × 144 = 31.104 píxeles. 2. 31.104 × 8 bits = 248.832 bits. 3. ÷ 8 = 31.104 bytes ≈ 31 Kb. ✔ (verificado)

⚠ Segundo ejemplo del texto, con error: 1 × 1 pulgada, 300 ppp, 24 bits. Correcto: 300 × 300 = 90.000 píxeles × 24 ÷ 8 = 270.000 bytes ≈ 270 Kb. El texto divide por 2,54 (que solo se usa si la medida está en cm) y obtiene 41.850 bytes, y luego escribe «419 Kb» (ver erratas).

Errores típicos: olvidar dividir por 8; aplicar 2,54 a medidas que ya están en pulgadas; confundir 1 Kb con 1.000 o 1.024 bytes [verificar] (el texto redondea 31.104 a 31 Kb).

Relación resolución-tamaño #

• Al asignar una resolución se asigna un tamaño a los píxeles: 100 ppp → cada píxel mide 2,54 mm (2,54 cm ÷ 100); 1 ppp → cada píxel mide 2,54 cm (págs. 7-8).
• Reglas (pág. 11): al bajar la resolución, ancho y alto aumentan; al subir la resolución, disminuyen; al aumentar el ancho o el alto, la resolución disminuye; y al disminuirlos, aumenta.
• Para ampliar sin perder calidad: trabajar a una resolución alta (sobre dos veces la final), ajustar dimensiones y luego bajar la resolución al valor deseado.
• Ejemplo (pág. 12): una imagen de 1×1 pulgada a 144 ppp ocupa 2×2 pulgadas en una pantalla de 72 ppp.
• Conviene medir las dimensiones en píxeles (pantalla) o puntos de impresión (imprenta), no en cm/pulgadas, porque los dispositivos de salida usan unidades relativas.
• La resolución útil nunca es mayor que la del medio: una imagen a 200 ppp en un monitor a 96 ppp «desperdicia» información; una a 50 ppp se ve pobre.

Compresión: algoritmos (págs. 24-31) #

Dos principios para reducir peso: reducir colores (dithering, paletas) y comprimir datos. Una imagen de 256 colores pesa tres veces menos que la misma en 16,8 millones (8 bits frente a 24).

Captura de imagen (Manual): escáneres y cámaras #

Escáner: partes y proceso #

Fuente de luz → sistema óptico (espejos) → fotosensor CCD → conversor analógico/digital (ADC) → almacenamiento/ordenador. Software estándar: TWAIN. Se puede escanear en uno o tres pasos (el de un paso es más rápido pero necesita más CCD).

Tipos de escáner (valores del texto) #

Resoluciones de un escáner #

• Óptica o real: puntos que capta el CCD (p. ej., 400 × 600 dpi). La más importante.
• Interpolada: artificial, calculada por software. Útil para ampliar; mejor escanear a alta resolución óptica y reducir que escanear bajo y ampliar.
• Escala de resolución: cuánta información real se captura sin interpolar. Debe ser el doble de la frecuencia máxima de la imagen (200 lpi → 400 dpi). Ejemplo del texto: franja de 5000 CCD sobre 8,5 pulgadas = 5000 ÷ 8,5 ≈ 600 dpi (588 si se calcula exacto).
• Filtros comunes: eliminación de muaré, de puntos (despeckling), de oblicuidad (deskewing), aumento de nitidez, corrección del contraste.

Cámaras digitales #

• Cambian la película por un fotosensor (CCD, CMD o CMOS). Un fotodiodo = un píxel.
• Valores de la época: 128.000 (320 × 400) en gama baja; 4.200.000 (2.024 × 2.024) en gama media; más de 6.000.000 en profesionales. Precios: 120 € a 500 € las sencillas; hasta más de 30.000 € las profesionales.
• Resoluciones habituales: 320×400, 640×480 (VGA), 1024×768 (XGA), 2024×2024 y 1600×1200 (UXGA).
• Calidad depende de la resolución espacial (muestreo, sampling: nº de celdas del CCD) y de la resolución de luminosidad (profundidad de color, cuantización). También rango dinámico, ruido, interpolación y compresión (artifacting en JPEG).
• Formatos de almacenamiento en cámara: RAW, TIF, FlashPix, Targa (puros) y JPEG (comprimido). Los fotosensores llevan filtro rojo, verde o azul; en una pasada, de cada cuatro elementos uno lee rojo, uno verde y dos azul (los vacíos se rellenan por interpolación) [verificar]: el patrón habitual es 1 R, 2 G, 1 B.

Aparici et al. (2006): La imagen, caps. 9 y 10 #

El OCR de Aparici tiene mucho ruido (ver erratas). Reconstruí el sentido; las páginas son las del libro (178-231).

Cap. 9, El texto visual (págs. 178-194) #

Tesis central

El texto es parte de lo visual y modifica la lectura de la imagen: el pie de foto, el titular, la tipografía y el color «dicen» tanto como el contenido. Cada medio usa la misma imagen según sus criterios ideológicos y empresariales.

Conceptos clave

• Texto: composición de signos con intención comunicativa que adquiere sentido en un contexto. Es «una de las representaciones icónicas más abstractas de la realidad».
• Texto digital: suele ser hipertextual (escritura no secuencial con hiperenlaces). «Hipertexto» fue acuñado por Theodor Nelson en los años 60 (cita de Landow, Hipertexto 3.0). La web sigue siendo «gutenberguiana».
• Imagen abierta: admite muchos significados; el pie de foto los circunscribe.
• Anclaje (Barthes): el texto selecciona el significado de la imagen, guía al lector entre los significados y lo «teleguía» hacia un sentido elegido; es un control y tiene un valor represor. Ejemplo: el anuncio de Chanel en dos páginas: en la segunda aparece el producto y se ancla el sentido.
• Relevo (Barthes): el texto es complementario a la imagen e imprescindible para la progresión de la acción (cine, televisión, cómic).
• Palabras de choque (Reboul): palabras «trampa» con fuerte impacto emocional y cognitivo que orientan el significado y parecen racionales a quien las usa.
• Emplazamiento de productos (product placement): marcas camufladas en programas, informativos y anuncios.
• Barthes (1986): antes la imagen ilustraba al texto; ahora el texto «es parásito de la imagen» y le suma peso, cultura, moral e imaginación.
• Tipografía y estilo: perfumes y belleza usan trazos ligeros; los cigarrillos, trazos gruesos y fuertes. La tipografía refuerza la elección del destinatario y el significado implícito.

Las cuatro relaciones imagen-texto (pág. 181)

• «Acontecimiento» = la imagen/texto es información; «comentario» = es opinión.
• Caso de la visita de Sarkozy (27/4/2009): los medios se centraron en Carla Bruni y Letizia en lugar del contenido político (La Verdad, Corriere della Sera, Público, Avui).

Cap. 10, La realidad construida (págs. 202-231) #

Tesis central

Los medios no reflejan la realidad: la construyen (Masterman, 1993). Reconocerlo es la condición para distinguir «realidad» de «construcción de la realidad». La imagen es siempre modificada por su creador, la técnica y el punto de vista del observador.

Ejes de análisis de la imagen (pares)

Ejemplos canónicos del texto: El Jardín de las Delicias (El Bosco, sentido abierto); la foto de Robert Capa del soldado republicano, la de Kim Phuc y la de Tejero (carácter histórico); Warhol y la sopa Campbell (valor económico/social, Pop Art); Magritte, Esto no es una pipa (relación imagen-texto); Tito Andrónico con trajes isabelinos y luego de ejecutivos (anacronismo).

Procedimientos de connotación (Barthes, vía Aparici; pág. 211)

Trucaje (retoque), pose, objetos, fotogenia, estética y sintaxis.

Estereotipos

• Definición: esquemas reduccionistas que atribuyen características favorables o desfavorables a personas, instituciones u objetos. Surgen por repetición/redundancia (Pratkanis y Aronson: «la repetición puede así crear su propia verdad»).
• Quin (1993): sirven para proteger los intereses de algunos grupos; se aplican a grupos que luchan por el poder político; son efectivos en el grado en que invocan consenso.
• Objetivo del texto: no rechazarlos sin más, sino conocer cómo funcionan para reforzar el pensamiento autónomo.

Ejemplos: anuncio de Brugal (personaje sin cara); campaña de Schweppes «Cómo obtener un asiento en el metro» (2009; alusión a la gripe A y México). Concepto: la ausencia de visibilidad como forma de racismo mediático.

Cuadro comparativo / Quién dijo qué #

Figuras #

📄 Ver figura: 14-Aparici_La imagen (caps. 9 y 10).pdf, págs. 181-182 (pp. del PDF = pág. 3-4 del texto) — portadas de periódicos (Sarkozy/Letizia) y ejemplos de las cuatro relaciones imagen-texto. 📄 Ver figura: 15-Imagenes-MANUAL_DE_EDICI_oN_DIGITAL_VI.pdf, págs. 86-87 — comparación visual de calidad y peso GIF/JPG/PNG/BMP. 📄 Ver figura: Manual, pág. 21 — ejemplo de rango dinámico amplio frente a estrecho.

Figuras a insertar #

• Manual, pág. 20: cuadro de profundidad de color (ya transcrito arriba; solo si se quiere el original).
• Manual, págs. 86-87: comparación de formatos con una foto y con una imagen de pocos colores.

Lo imprescindible (repaso de 5 minutos) #

• Mapa de bits = píxeles, depende de la resolución. Vectorial = fórmulas, independiente de la resolución.
• Píxel: unidad de información, no de medida.
• Resolución: ppp/ppi (archivo), dpi (impresión), lpi (trama). Hi-res ≥ 300 ppp; low-res ≤ 100 ppp. Pantalla 72 (Mac) / 96 (PC).
• Imprenta: resolución de imagen = 2 × lineatura (150 lpp → 300 ppp).
• Peso = ancho_px × alto_px × bits ÷ 8. Ej.: 3×2 in, 72 ppp, 8 bits = 31.104 bytes.
• Profundidad: 1 bit = 2 colores; 8 bits = 256; 16 bits = 65.536; 24 bits = 16,7 millones (True Color); 32 bits = CMYK (o RGB + alfa).
• RGB = aditivo, pantalla, 3 canales. CMYK = sustractivo, impresión, 4 canales; convertir al final. Lab = independiente del dispositivo.
• GIF: 256 colores, sin pérdidas (LZW), transparencia de 1 bit, animación. JPEG: con pérdidas, fotos, sin transparencia. PNG: sin pérdidas, 256 niveles de transparencia, sin animación. TIFF: impresión. BMP: enorme y sin comprimir.
• Compresión: sin pérdidas < 10:1; con pérdidas 40:1 a 100:1. RLE → BMP/PCX; LZW → GIF/TIFF; JPEG → DCT.
• Barthes: anclaje (el texto fija el sentido) y relevo (el texto complementa).
• Cuatro relaciones imagen-texto: acontecimiento/comentario en cada combinación.
• Denotación (lo que se ve) frente a connotación (lo que se evoca). El trucaje oculta la connotación en la denotación.
• Procedimientos de connotación: trucaje, pose, objetos, fotogenia, estética, sintaxis.
• Los medios construyen la realidad (Masterman). Los estereotipos nacen de la repetición.

Erratas de las fuentes #

• Manual, pág. 23: el segundo ejemplo de peso (1×1 pulgada, 300 ppp, 24 bits) aplica /2,54 a medidas ya expresadas en pulgadas y da 41.850 bytes; además escribe «419 Kb» (que no coincide con 41.850 bytes). El resultado correcto es 90.000 px × 24 ÷ 8 = 270.000 bytes.
• Manual, pág. 74 (TIFF): «escala de grises (9 bits)»: debería ser 8 bits [verificar].
• Manual, pág. 36: menciona el formato «SWG», que no existe: se refiere a SWF o SVG [verificar].
• Manual, pág. 79: dice que el GIF 87a es el «más común» pero no permite transparencia, y luego pide guardar en «GIF 87a, que sí permite este efecto»: la transparencia es de GIF89a (según pág. 78).
• Manual, pág. 37: escribe «CDC» por CCD.
• Manual, pág. 81: atribuye el JPEG a una «asociación de fotógrafos profesionales de Estados Unidos»; en la pág. 30 lo llama Joint Photograph Expert Group [verificar].
• Manual, pág. 29: dice que JBIG es el sistema usado en TIFF [verificar].
• Manual, págs. 8-9: la tabla de resolución por medio está desordenada por el OCR; también dice «800-1500 dpp» para fotografía [verificar] si son dpi.
• Manual, pág. 58: el patrón de filtros de color de un CCD (1 rojo, 1 verde, 2 azules) difiere del patrón habitual (1 R, 2 G, 1 B) [verificar].
• Manual, págs. 84-87: las afirmaciones sobre soporte de navegadores (SVG necesita plugin, SWF «gana», BMP solo en Internet Explorer) corresponden a la época del texto y están desactualizadas [verificar].
• Aparici: OCR muy dañado en ejemplos de portadas, pies de foto y pasajes de pág. 18-24 (fragmentos ilegibles); los números de los videojuegos y las citas se reconstruyeron del contexto [verificar] antes de citar exactitud.