Inventariar por función
Registre URL, página, tema, función, enlace, idioma y visibilidad.
GUÍA / PROTOCOLO
Auditar las imágenes editoriales de un sitio
Una imagen útil explica algo; su función, fuente y representación deben quedar claras.
Respuesta directa
¿Cómo decidir qué imágenes mantener o corregir?
Inventaríe por página y uso. Distinga imágenes informativas, decorativas y funcionales; revise procedencia, derechos, fidelidad, alternativa, pie, dimensiones y presencia en HTML.
01 / Método de control
Método de control
Verificar origen
Documente autor, procedencia, licencia o permiso, fecha, cambios y posible generación. Retire usos sin derechos probados.
Probar sentido y acceso
Redacte alternativas según contexto para imágenes informativas y evite anunciar decoración. Revise pies, texto cercano y contraste.
Controlar entrega
Revise src y srcset, formato, dimensiones, prioridad, peso, móvil y metadatos de licencia pertinentes.
EN LA PRÁCTICA
Una imagen necesita función, fuente y formato útil
Decida primero qué debe comprender el lector. Una imagen ambiental puede introducir el tema; una imagen como prueba necesita origen y contexto. Después elija encuadre, leyenda y peso.
¿Qué comprobar primero?
Elija la situación observada. Cada opción indica un primer control, la prueba útil y su límite.
Una fotografía no tiene fuente identificable
- Primer control
- Busque el primer registro trazable y compare imagen, pie, fecha y crédito. Separe al productor de las cuentas que la republican.
- Prueba que conservar
- URL exacta, identificador, crédito, fechas conocidas de captura y publicación, y pasaje que justifique el contexto.
- Límite que recordar
- Reconocer la imagen no confirma el hecho atribuido por un nuevo pie. Una búsqueda sin resultado no demuestra fabricación.
El recorte elimina información necesaria
- Primer control
- Compare la imagen completa con el recorte mostrado en móvil y ordenador. Revise caras, leyendas, escalas, referencias y detalles necesarios.
- Prueba que conservar
- Imagen original, recorte, dimensiones, regla de posición y ejemplo del detalle perdido.
- Límite que recordar
- Un recorte atractivo puede cambiar el significado. El texto alternativo ayuda según la función, pero no vuelve legible por sí solo un gráfico.
Una imagen parece retrasar la visualización
- Primer control
- Identifique el archivo cargado, su peso y su descubrimiento en la cronología de red. Compare su anchura con la mostrada y compruebe si contiene el contenido principal.
- Prueba que conservar
- URL, variante recibida, dimensiones, bytes transferidos, dispositivo, red y mediciones repetidas antes y después.
- Límite que recordar
- Reducir el peso no resuelve una petición tardía. Una variante demasiado pequeña puede perjudicar la lectura; no elija compresión solo por bytes.
Para ampliar
| Situación | Evitar | Corrección útil |
|---|---|---|
| Imagen ambiental | Presentar una escena generada como evento real. | Indicar función ilustrativa y generación por IA. |
| Fotografía documental | Reutilizar una foto sin fecha ni procedencia. | Enlazar ficha, autor u organismo, fecha de captura y condiciones de uso. |
| Gráfico explicativo | Dejar cifras solo dentro de los píxeles. | Ofrecer valores, unidades y límites en texto o tabla legible. |
Función
¿Qué significado se pierde al retirar la imagen?
Procedencia
¿Qué fuente y leyenda justifican su uso?
Formato
¿Qué variante mantiene nitidez al tamaño mostrado?
Control final
Revise con imágenes ocultas y en pantalla pequeña. La leyenda debe entenderse y ninguna información esencial debe depender solo del color.
Peso de las imágenes
Archivos WebP del sitio; escenario estimado, no una medición del tráfico o velocidad. Caché, densidad de pantalla y otros recursos afectan el resultado.
Total estimado : 100,5 KiB
Referencia de 960 px : 283,1 KiB
Diferencia de peso : 182,6 KiB
| Anchura del archivo | Total estimado |
|---|---|
| 480 px | 100,5 KiB |
| 768 px | 203,6 KiB |
| 960 px | 283,1 KiB |
- Mesa de edición con fotografías en distintos formatos, lupa y regla. Escena ilustrativa.
- Mesa de medición con fichas, lupa, cronómetro y prisma. Escena ilustrativa.
- La Tierra fotografiada por la tripulación de Apollo 17 el 7 de diciembre de 1972. NASA, AS17-148-22727.
Referencias documentales
Consultado el .
Una foto auténtica puede usarse fuera de su contexto temporal
La Tierra de Apollo 17 ofrece un caso concreto: identificar una foto no fecha el relato que la acompaña. La fecha de la página que la republica y la fecha de captura son datos distintos.
- Fecha de captura
- Identificador documental
- AS17-148-22727
Comprobar antes de citar
- Busque AS17-148-22727 en la ficha y compare imagen y leyenda.
- Separe captura, publicación y consulta. Republicar hoy no convierte la foto en reciente.
- Para una capa Worldview, registre también sensor, fecha y tratamiento: esta foto histórica no es una captura de Worldview.
Caso documental real, consultado el 2026-10-14. Versión WebP redimensionada, sin recorte ni retoque con IA.
La fecha de una página no es la de su fotografía
Earthrise permite comparar tres fechas documentadas. La fotografía es real; las dos fichas oficiales aportan contexto.
- Fecha de captura
- Publicación de la ficha NASA Science
- Artículo de republicación
Republicarla en 2024 no la convierte en una foto tomada en 2024. Conserve la fecha de captura y la referencia de cada página consultada.
¿Qué permite concluir la fecha de consulta?
Fecha su acceso a una fuente. No sustituye captura ni publicación ni demuestra que la página fuera idéntica antes.
Fuentes consultadas el . Versión WebP redimensionada del archivo de NASA, sin recorte ni retoque con IA.
02 / Pruebas que conservar
Pruebas que conservar
Registro visual
Página, archivo, función, responsable y fecha de revisión.
Rastro de derechos
Fuente, licencia o permiso, restricciones y transformaciones.
Control de sentido
Alternativa, pie, contexto y justificación de la función.
Control técnico
HTML entregado, dimensiones, formatos, peso y resultado móvil.
PUNTO DE CONTROL
Antes de concluir
Una interpretación errónea frecuente y la comprobación que ayuda a evitarla.
Conclusión precipitada
Una imagen nítida y comprimida puede inducir a error si el pie es incorrecto, se presenta como prueba siendo decorativa o no encaja con el idioma.
Comprobación decisiva
Comprobar función editorial, origen, derechos, fecha, pie y texto alternativo en cada contexto. Probar encuadre y legibilidad en los tamaños reales.
TRAS LA REVISIÓN
Decidir según el hallazgo
La imagen es pertinente pero falta permiso
Retírela hasta probar los derechos y registre licencia, restricciones y cambios.
La imagen informa algo que no está en texto
Añada alternativa o texto cercano según contexto y compruebe la comprensión sin la imagen.
Decisión y trazabilidad
Decisión y trazabilidad
Qué debe permitir decidir la comprobación y qué conservar para revisar esa decisión.
Prueba suficiente
Para cada imagen prioritaria, revise archivo, dimensiones, recorte, texto alternativo, derechos y coherencia entre página, vista social y marcado. Un archivo presente no basta.
Siguiente decisión
Sustituya imágenes engañosas o pesadas y conserve su procedencia. Revise tamaños de pantalla y metadatos publicados.
OSINT / Referencias oficiales
Cuando se considera publicar una imagen
Separe procedencia del archivo, signos representados y derechos de reproducción.
Gallica · BnF
Por qué empezar aquíCompruebe edición y condiciones de reutilización del documento digital.
Límite a recordarLa copia digital no valida todas las afirmaciones. Comprueba procedencia, errores de OCR y condiciones de reutilización del recurso; la licencia de una foto de la BnF no se extiende a los documentos.
Leer fichaDATA INPI
Por qué empezar aquíRevise si un signo visible corresponde a una marca francesa.
Límite a recordarLea cada inscripción o solicitud con su estado, fecha y alcance de protección.
Leer fichaEUIPO · DesignView
Por qué empezar aquíExamine diseños registrados sin presumir permiso de uso.
Límite a recordarUna búsqueda visual no garantiza cobertura completa ni libertad de uso; revise estado y territorio.
Leer fichaCasos de control detallados
Situaciones tipo para preparar un control. No describen misiones realizadas ni observaciones reales.
Las condiciones de uso ya no están documentadas
Qué examinar
Localice el medio original, su autor declarado, la nota asociada y la fecha de consulta. Compruebe que las condiciones disponibles correspondan a esa versión y al uso previsto.
Decisión y acción
Sustituya o suspenda la integración si el permiso necesario sigue indeterminado. Conserve la referencia documental sin considerar disponibilidad en línea como autorización.
Prueba que conservar
Guarde URL original, nota consultada, versión, fecha y obligaciones editoriales aplicadas, incluida atribución cuando esté prevista.
Una variante recortada elimina contexto esencial
Qué examinar
Compare el original con tamaños para móvil y ordenador. Revise leyendas, escalas, personas o zonas desaparecidas y coherencia del texto alternativo con lo visible.
Decisión y acción
Adapte el recorte o elija otra presentación si la pérdida cambia la información. Describa la función de la imagen sin prometer elementos ausentes de la variante.
Prueba que conservar
Conserve variantes, dimensiones, puntos de adaptación y justificación del encuadre y texto alternativo.
La variante transfiere demasiados bytes
Qué examinar
Comparar ancho mostrado, currentSrc y transferencia móvil y desktop.
Decisión y acción
Ajustar sizes y variantes conservando el sujeto legible.
Prueba que conservar
Ancho, archivo elegido, bytes y encuadre.
Revisión antes de decidir
Estas preguntas completan el método. Ayudan a determinar lo respaldado sin eliminar las reservas del registro.
Origen y función
¿Están documentados origen, derechos conocidos y modificaciones? ¿Distinguen pie y alternativa foto documental, logo, esquema e ilustración ambiental?
Ver una decisión comentada
Ejemplo ficticio: el estado se refiere únicamente al criterio y alcance descritos.
- Observación ficticia
- Una imagen se marca «libre» en una carpeta; faltan autor, licencia exacta y página original.
- Estado declarado
- No comprobado
- Decisión y próximo control
- No valide derechos solo con esa mención. Localice fuente y condiciones o elija un recurso documentado.
Archivo mostrado
¿Conserva el archivo elegido dimensiones, nitidez y sentido del encuadre en pantalla pequeña? Revise carga diferida y recursos ausentes sin ampliar artificialmente un original deficiente.
Ver una decisión comentada
Ejemplo ficticio: el estado se refiere únicamente al criterio y alcance descritos.
- Observación ficticia
- En móvil, el recorte elimina la leyenda que distingue datos reales y previsión.
- Estado declarado
- Discrepancia observada
- Decisión y próximo control
- Corrija el recorte o aporte leyenda textual visible. Compruebe el archivo elegido, no solo el original.
Datos tras el gráfico
¿Tiene el gráfico una restitución textual útil? Una alternativa genérica como «gráfico» no comunica valores ni tendencia.
Documentación consultada : W3C WAI · Images Tutorial ·
Ver una decisión comentada
Ejemplo ficticio: el estado se refiere únicamente al criterio y alcance descritos.
- Observación ficticia
- El inventario probado no contiene gráficos ni esquemas con datos, solo fotos de ambiente.
- Estado declarado
- Fuera de alcance justificado
- Decisión y próximo control
- Justifique excluir gráficos. Las alternativas de fotos siguen pendientes; reabra al añadir un gráfico.
HERRAMIENTAS / REGISTROS
Información que registrar
Identifique el papel del medio: prueba, ilustración o decoración. Vincule las pruebas a su fuente; marque una escena ilustrada sin atribuirle un lugar real.
- Fecha de consulta y zona horaria
- URL exacta
- Peso / dimensiones del medio
- Texto alternativo / función
- Licencia / derechos de reutilización
- Afirmación que verificar
- Decisión / próxima acción
- Responsable del control
- Próximo control
03 / FAQ
Preguntas frecuentes
¿Todas necesitan alt descriptivo?
No. La decoración pura puede llevar alt vacío; una imagen informativa requiere alternativa contextual.
¿Basta un fondo CSS para búsqueda?
Para imágenes editoriales importantes, use img con src y texto cercano; Google no indexa fondos CSS como imágenes HTML.
¿Cuándo añadir pie?
Cuando aporta fuente, hecho, fecha o contexto que la imagen sola no demuestra.
¿Y si los derechos son inciertos?
Suspenda su uso, busque la prueba de licencia o sustituya el archivo.
04 / Referencias oficiales
Referencias oficiales
Describir un contexto
REFERENCIAS DOCUMENTADAS
Resource Timing: tres tamaños y varias causas de cero
El cuerpo codificado, el cuerpo decodificado y el indicador de transferencia describen objetos distintos. Estas reglas proceden del Candidate Recommendation Draft del W3C del 1 de septiembre de 2026, aún en normalización.
Cuerpo codificado → decodificación HTTP → cuerpo decodificado; no indica memoria de píxeles.
| Referencia | Valor o forma | Qué identifica |
|---|---|---|
| encodedBodySize | cuerpo codificado | encodedBodySize describe el cuerpo antes de retirar la codificación de contenido, como la descompresión HTTP. No es el archivo original sin publicar ni todos los intercambios de la página. |
| decodedBodySize | cuerpo decodificado | decodedBodySize describe el cuerpo tras decodificar el contenido HTTP. Para una imagen no indica la memoria de los píxeles decodificados. Descompresión HTTP y decodificación JPEG son operaciones distintas. |
| transferSize | encodedBodySize + 300 | En este borrador, transferSize añade una constante de 300 al cuerpo codificado fuera de los casos de caché. Evita revelar el tamaño real de las cabeceras: no es un recuento exacto de bytes de red. |
| CACHE | local: 0 · validada: 300 | La regla distingue caché local, con cero, y caché validada, con 300. Validar puede requerir un intercambio sin devolver todo el cuerpo. El cuerpo guardado y el intercambio tienen tamaños distintos. |
| VISIBILITY | TAO ≠ CORS | Las restricciones de visibilidad también pueden producir ceros. Timing-Allow-Origin expone tiempos; CORS regula otro mecanismo de acceso. Un cero no demuestra por sí solo caché ni archivo vacío. |
| SERVICE WORKER | cliente ↔ worker | Con un service worker, los tiempos pueden describir el trayecto cliente–worker. No revelan automáticamente su petición de red interna. Identifique intermediarios antes de comparar. |
Qué conservar en el expediente
Son reglas de un borrador fechado, no soporte idéntico en cada navegador. Anote navegador y versión; compruebe cabeceras y caché antes de concluir.
¿decodedBodySize es la memoria de la imagen?
No. Concierne a la decodificación del contenido HTTP. El formato, las dimensiones y la conversión a píxeles pertenecen a otras etapas.
Documentación primaria
Documentación consultada el .
REFERENCIAS DOCUMENTADAS
Encuadre CSS: medir lo que cover oculta y contain deja vacío
Un mismo recuadro puede mostrar partes distintas de una imagen según su ajuste. Ambos modos conservan la proporción, pero responden a restricciones opuestas. El explorador calcula un modelo geométrico centrado con dimensiones ya orientadas.
| Referencia | Valor o forma | Qué identifica |
|---|---|---|
| contain | min(Cw / W, Ch / H) | contain utiliza el factor menor. Toda la imagen cabe en el marco y pueden quedar bandas libres. |
| cover | max(Cw / W, Ch / H) | cover utiliza el factor mayor. El marco se llena y se oculta el desbordamiento de la imagen. |
| rendered | W × s ; H × s | Las dimensiones representadas son las originales multiplicadas por el factor; no coinciden necesariamente con el marco visible. |
| object-position | 50% 50% | Con object-position: 50% 50%, el excedente se reparte a ambos lados de cada eje. Se indican los recortes izquierdo/derecho y superior/inferior en unidades de la imagen original. |
| fill ≠ cover | aspect ratio | fill puede alterar la proporción y es distinto de cover. none y scale-down siguen otras reglas que la herramienta no simula. |
Explorar el encuadre centrado
Cuatro enteros de 1 a 20.000. Imagen ya orientada; object-position: 50% 50%.
Cálculo geométrico centrado; resultados con cuatro decimales.
- Factor · px CSS / px original
- 0.3333
- Dimensiones representadas · px CSS
- 400.0000 × 266.6667
- Recorte izquierdo y derecho · px original por lado
- 0.0000
- Recorte superior e inferior · px original por lado
- 100.0000
- Banda libre izquierda y derecha · px CSS por lado
- 0.0000
- Banda libre superior e inferior · px CSS por lado
- 0.0000
Qué conservar en el expediente
Las dimensiones de imagen representan píxeles originales cuadrados; el marco utiliza píxeles CSS. El esquema es ilustrativo, no una fotografía ni una medición de archivo. Se omiten redondeos de rasterización, bordes y transformaciones CSS. Un sujeto descentrado puede quedar cortado aunque la geometría sea correcta: revise puntos de interés y créditos en los distintos formatos.
Documentación primaria
Documentación consultada el .
Comprobaciones complementarias
- Una imagen satelital real con dos fechas
- Patrimonio digitalizado: una declaración no es una licencia
- EXIF: formar una fecha con los componentes correctos
- C2PA: validar procedencia sin certificar la escena
- Leer los umbrales Core Web Vitals sin inventar un veredicto
- Contraste del texto: comparar el cociente antes de redondear
- Orientación Exif: ocho disposiciones, no solo cuatro rotaciones
PROFUNDIZACIÓN / PRÁCTICA
Verificar el papel y la coherencia de las imágenes
Una imagen ilustra un tema, pero puede sugerir un lugar, una persona o un evento que la página no documenta. La auditoría examina la función editorial, el contexto y la información asociada.
Actualizado el .
Comprobaciones prioritarias
Relever fuente, leyenda, texto alternativo, dimensiones y variantes. Verificar que la imagen corresponde a su papel: ilustración, documento, retrato o elemento puramente decorativo.
Errores de interpretación
Una imagen visualmente pertinente no constituye una evidencia de la palabra. Una leyenda o texto alternativo demasiado preciso puede introducir una atribución que el archivo no permite establecer.
Documento de trabajo que conservar
El inventario de imágenes combina página, archivo, rol, origen y control a realizar. Las correcciones pueden referirse al contexto, la leyenda, el peso o la elección misma de la ilustración.
CASO PRÁCTICO / EJEMPLO DIDÁCTICO
Una ilustración parece un documento de campo
El ejemplo es una situación pedagógica de control web. Se relaciona el defecto con un camino concreto y describe una manera de comprobar la corrección, en lugar de considerar la única publicación del cambio como una prueba de resolución.
Contexto del ejemplo
Una imagen acompaña un texto de búsqueda y se puede entender como una foto del caso descrito. La página no especifica su papel ni su origen.
Método propuesto
Examinar la ley, el contexto y el texto alternativo. Distinguir ilustración y pieza documental. Adaptar la presentación o elegir otro visual si la ambigüedad persiste a pesar de una explicación.
Conclusión y próximo paso
El papel de la imagen se hace explícito. Los elementos de prueba permanecen separados de los visuales destinados a ayudar a la comprensión o a instalar un contexto editorial.
Preguntas para profundizar en la práctica
¿Puede el texto alternativo sustituir a una leyenda de origen?
Describe la información útil para comprender la imagen. La origen y el papel editorial pueden requerir una mención visible distinta, especialmente cuando la atribución influye en la lectura del documento.
TALLER DETALLADO / APLICACIÓN
Examinar lo que el visual permite entender
01 / Preparar la información necesaria
Reunir imágenes, leyendas, texto alternativo y contexto de página. Define el papel esperado: documento, ilustración, retrato o elemento decorativo.
02 / Aplicar el método
Leer la página con y sin el visual. Identificar los lugares, personas o eventos que la imagen puede sugerir. Verificar el origen, la atribución y los elementos de contexto necesarios para esta lectura.
03 / Examinar una situación alternativa
Si la imagen es ilustrativa pero parece documental, adaptar la presentación o el visual. Una leyenda debe iluminar su papel sin darle una evidencia que no proporciona.
04 / Decidir el siguiente paso
El uso es coherente cuando el lector puede entender la función del visual. Los controles de peso y tamaño complementan esta lectura sin sustituir el control editorial.
05 / Transmitir los registros de comprobación
Transmitir archivos, usos y decisiones. Las páginas que reutilizan la imagen se revisan si una corrección se refiere a su origen, leyenda o interpretación.
DOCUMENTO COMENTADO / MATRIZ DE REVISIÓN
Una ficha de uso editorial del visual
La ficha conserva archivo, origen, papel, leyenda y texto alternativo. Examina lo que la imagen deja entender y separa documento de prueba, ilustración y decoración.
En una pantalla pequeña, desplace la matriz horizontalmente para leer las tres columnas.
| Elemento observado | Interpretación fundamentada | Próximo paso |
|---|---|---|
| El papel ilustrativo es claro en la página. | El vídeo apoya la comprensión sin ser presentado como un documental. | Verificar las variantes y la información relacionada con sus otros usos. |
| La leyenda atribuye un lugar no documentado. | La presentación añade una afirmación que el archivo no permite establecer. | Revisar la leyenda o elegir una imagen adaptada al contexto. |
| El recadrague retira un elemento que cambia el sentido. | La variante puede sugerir una lectura diferente del original. | Comparar los usos y restaurar el contexto necesario. |
Revisión del documento de trabajo
La verificación final compara lo que el texto afirma y lo que el visual sugiera. Las dimensiones y el peso son útiles para el control técnico, pero no demuestran la relevancia documental de la imagen.
RESULTADOS / EJEMPLO DE REDACCIÓN
Presentación de resultados: Verificar el papel y la coherencia de las imágenes
Punto que aclarar
El papel de un visual debe ser entendido sin darle ninguna evidencia adicional.
Antes de transmitir
Colectar el texto, la imagen y la información que acompaña su uso.
Ejemplo de conclusión fundamentada
La imagen cumple el papel indicado en el contexto de página. La leyenda y el texto alternativo no añaden atribuciones que exceden su origen documentado.