Infraestructura de delivery de medios — Explicación de alcance

Qué significa y por qué importa

Qué incluye SessDev

• Componentes next/image cableados en todo el codebase para que cada imagen pase por el pipeline de optimización en vez de servirse cruda.
• Binding de CDN para el origen de imágenes: requests servidos desde el edge, con cache headers ajustados por clase de asset.
• Generación automática de srcset / sizes por breakpoint para que un móvil nunca descargue un hero 4K.
• Negociación de formatos modernos: AVIF y WebP cuando el navegador los soporta, con fallback elegante a JPEG / PNG para clientes legacy.
• Lazy loading activado por defecto debajo del fold; las imágenes above-the-fold marcadas priority para no degradar LCP.
• Placeholders de baja calidad (LQIP / blurDataURL) en componentes clave para que el layout no salte mientras la imagen real se descarga.
• Alt-text obligatorio a nivel de componente o campo de CMS: una imagen sin alt rompe el type-check o el build, no se publica en silencio.
• Wrappers responsive para video embebido (YouTube, Vimeo, MP4) con defaults privacy-friendly y aspect-ratio fijo.
• 1 pase de validación end-to-end: Core Web Vitals revisados en páginas representativas, cobertura de alt-text auditada, negociación de formatos verificada.

Qué queda excluido

• Fotografía, dirección de foto, sesiones in situ, retoque o edición fotográfica.
• Producción de video, guión, rodaje, edición, color grading, motion graphics o post-producción.
• Ilustración, diseño de set de iconos, artwork custom o cualquier creación visual original.
• Estrategia de copywriting para alt-text, redacción de captions descriptivos o descripciones de imagen tuneadas para SEO; SessDev enforza el campo, el cliente provee las palabras.
• Licensing de stock, model releases, licencias musicales, licensing de fuentes embebidas en gráficos o cualquier clearing de derechos.
• Mood boards, dirección de arte, curación de imagen de marca o desarrollo de identidad visual.
• Color grading, retoque avanzado, recorte de fondo a escala, compositing o trabajo a nivel de píxel más allá de las transformaciones automáticas.
• Conseguir assets desde stock libraries, agencias o marketplaces por cuenta del cliente.
• Sistemas DAM (digital asset management) standalone más allá de la estructura de carpetas del CMS o del vendor.
• Pipelines de encoding de video custom, streaming HLS / DASH, DRM o infraestructura de broadcast en vivo.
• Auditorías post-launch de imágenes, optimización de peso continua, re-encoding periódico o ciclos de refresh de alt-text.

Riesgos si no se define correctamente

• Regresión de Core Web Vitals

  Un hero de 2 MB sin optimizar infla en silencio el LCP de 1.2 s a 4 s. Google degrada la página; el equipo culpa a 'SEO drift' cuando la causa real es una sola imagen bypaseando el pipeline. Sin monitoring, esto llega a producción sin que nadie lo note.

• Exposición de licensing

  Usar imágenes de stock sin licencia válida, embeber fuentes dentro de gráficos o publicar imágenes generadas por IA sin proveniencia crea exposición legal real. SessDev enforza la capa de delivery; la validez del licensing es responsabilidad del cliente.

• Abuso de hotlink

  Si el origen no está protegido, sitios terceros pueden hotlinkear tus imágenes. Tu factura de CDN crece mientras el sitio que convierte sobre tu ancho de banda es el de ellos.

• Drift de soporte de formatos

  El soporte de AVIF y WebP en navegadores evoluciona; los vendors de CDN deprecan opciones de transform sin aviso. Sin auditorías periódicas, un build que funcionaba regresa en silencio a JPEG para todos y el peso de imagen se duplica.

• Alt-text faltante

  Imágenes sin alt-text rompen auditorías de accesibilidad (WCAG 1.1.1), perjudican la indexación SEO de imagen y rompen la experiencia para usuarios de lector de pantalla. El enforcement a nivel de tipo evita que el build regrese; apagarlo es una decisión documentada.

• Bill shock de CDN

  Un pico de tráfico o una página viral pueden multiplicar el ancho de banda de imagen por 10x. Los techos de free-tier se golpean en silencio y o el sitio se trotea o la factura salta. Los Care plans monitorizan cuotas; sin ellos la primera señal es un cargo inesperado.

• Versiones de assets desactualizadas

  Si una imagen subida al CMS se cachea agresivamente en el CDN sin versionado, actualizar la imagen en el CMS no la refresca en el sitio en vivo durante horas o días. Los editores pierden la confianza en el pipeline tras un solo incidente.

Ítems de alcance relacionados

• content_injectionLos medios que provees se integran a través de la capa de delivery igual que el texto se integra a través de la capa de contenido.
• cms_blog_setupLas imágenes subidas a través del CMS fluyen por este pipeline de delivery automáticamente.
• technical_seoSitemaps de imagen, cobertura de alt-text y rendimiento LCP alimentan directamente la capa de SEO técnico.
• brand_asset_injectionLos logos y visuales controlados por marca se inyectan como medios pero se rigen por la cláusula de brand-asset.
• multilingual_archEl media locale-aware (imágenes específicas por región) es soportado por el pipeline pero no producido por SessDev.
• analytics_integrationAnalytics mide qué medios generan engagement; la capa de delivery no incluye reporting por sí sola.

Preguntas frecuentes

¿SessDev provee las imágenes y los videos?

No. SessDev integra los medios que tú entregas (o que entrega tu agencia creativa). Fotografía, videografía, ilustración y sourcing de stock son trabajo de servicios creativos y quedan fuera del build.

¿Gestionan licensing de imagen y de fuentes?

No. Licensing — fotos de stock, model releases, música, fuentes embebidas en gráficos — es responsabilidad del cliente. SessDev no valida cadenas de licensing ni asume responsabilidad legal por medios sin licenciar.

¿Se incluye video?

Sí: wrappers responsive para video embebido (YouTube, Vimeo, MP4) están incluidos. Producción de video, pipelines custom de encoding, streaming en vivo o DRM quedan fuera de alcance.

¿Qué formatos de imagen soportan?

AVIF y WebP se sirven cuando el navegador los soporta, con fallback automático a JPEG / PNG. SVG está soportado para assets vectoriales. Formatos pesados (RAW, HEIC, TIFF) se convierten en upload, no se sirven directos.

¿Nuestro equipo puede actualizar imágenes después sin un developer?

Sí, si hay un CMS en scope: los editores suben a través del CMS y el pipeline de delivery toma el nuevo asset automáticamente. Sin CMS, las actualizaciones de imagen pasan por tu proceso normal de deploy.