[es] Sincronizar Web/HTML/Guides/Responsive_images

Documento

Actualizar esta página al día con la última versión en inglés: traducir lo que falte, reemplazar el contenido que quedó en inglés y reescribir las secciones desactualizadas.

• Fuente en inglés: https://github.com/mdn/content/blob/main/files/en-us/web/html/guides/responsive_images/index.md
• Destino en español: files/es/web/html/guides/responsive_images/index.md (existe → actualizar)
• Página publicada: https://developer.mozilla.org/es/docs/Web/HTML/Guides/Responsive_images
• Issue padre: #9638
• Estado: sin l10n.sourceCommit (la página nunca se registró para sincronización); último commit en inglés f69b66932120 (2025-11-06), 6 commits en inglés en el historial del archivo
• Tamaño: 239 líneas en español vs 185 en inglés (pequeño)

[!NOTE] El alcance es el archivo completo, no solo las frases que quedaron en inglés. Esta página nunca se registró para sincronización y lleva años sin actualizarse, así que lo esperado es comparar todo el documento con la fuente en inglés y actualizarlo entero; si la versión en inglés cambió de estructura, reescribe la página completa. No basta con corregir una o dos líneas.

Diferencias ya detectadas

• El front-matter tiene original_slug; debe quedar solo con title, slug y l10n.sourceCommit.
• El número de secciones no coincide: 10 encabezados en español vs 9 en inglés.
• La versión en español usa tablas en HTML (<table>) donde la fuente en inglés ya usa tablas en Markdown.

Encabezados en la fuente en inglés (referencia para comparar):

## Why responsive images?
## How do you create responsive images?
### Resolution switching: Different sizes
### Resolution switching: Same size, different resolutions
### Art direction
### Why can't we just do this using CSS or JavaScript?
## Implementing your own responsive images
## Summary
## See also

Esta lista es un punto de partida, no un inventario completo: revisa el archivo entero.

Tareas

• Comparar el archivo completo con la última versión en inglés
• Traducir/reescribir todo el contenido faltante, desactualizado o que quedó en inglés
• Estructura, encabezados y orden de secciones iguales a la fuente en inglés
• Front-matter con solo title, slug y l10n.sourceCommit
• l10n.sourceCommit con el último SHA en inglés (f69b6693212029ce4b9fa0c753729044577af548)
• Macros Kumascript ({{...}}) válidas y equivalentes a las de la fuente en inglés
• Bloques de código sin cambios (los comentarios sí se traducen)
• Enlaces internos con prefijo /es/ donde aplique
• Palabras clave de callouts ([!NOTE], [!WARNING]) sin traducir
• Formateo con Prettier aplicado

¿Cómo empezar?

1. Lee la guía del equipo: https://github.com/mdn/translated-content/blob/main/docs/es/README.md
2. Comenta en este issue para reservarlo.
3. Abre un PR con Fixes #37247 (no el issue padre) cuando termines.

¿Dudas? Haz ping a @JuanVqz o a @mariomorillo.