Envía la
imagen adecuada.
Una entrada privada, solo en el navegador, para revisar metadatos básicos de imagen junto con preguntas de entrega. No sube, conserva, optimiza ni inspecciona un archivo más allá de metadatos y dimensiones locales.
ÚSELO PARA: Úsalo para preparar una discusión sobre la colocación de imágenes, candidatos responsivos, texto alternativo accesible y compensaciones de entrega.
Inspeccione el punto de partida.
Elija una imagen local para ver metadatos básicos que informa el navegador y sus dimensiones. SIU no sube, envía, retiene, optimiza ni almacena el archivo seleccionado.
SELECCIONAR IMAGEN LOCAL — No se ha seleccionado ninguna imagen. No se ha subido ni almacenado nada.
Nada sale de aquí.
Una imagen seleccionada mostrará su nombre, MIME type reportado por el navegador, tamaño en bytes, hora de última modificación y las dimensiones locales decodificables.
No se genera vista previa. Seleccione una imagen solo si los metadatos locales son útiles para su revisión.
Realice el siguiente paso conocido.
- Seleccione una imagen local. El navegador lee su nombre, MIME type, tamaño en bytes, marca de tiempo de última modificación y, cuando es decodificable, dimensiones en píxeles solo en memoria.
- Relacione las dimensiones con el ancho renderizado previsto y la densidad del dispositivo; luego decida si la página necesita múltiples candidatos de imagen o direccionamiento artístico (art direction).
- Revise el contexto del marcado: texto alternativo significativo, dimensiones declaradas cuando proceda, selección responsiva de orígenes y la prioridad de carga son decisiones separadas.
- Mantenga el activo fuente original bajo el proceso establecido del equipo para activos y licencias. Esta página no crea archivos derivados.
Inspeccione la página renderizada en los puntos de quiebre previstos con el navegador y las herramientas de rendimiento aprobadas por el equipo.
Confirme el texto alternativo de la imagen y el marcado responsivo real en la revisión de código.
Mida la entrega en el entorno real antes de asegurar una mejora.
Notas de la fuente, no certeza prestada.
Base de planificación: orientación sobre imágenes responsivas de web.dev y documentación de MDN File API
- web.dev — Responsive images ↗web.dev explica que los bytes de imagen pueden ser significativos y describe candidatos responsivos, srcset, sizes y picture para casos de uso adecuados.
- MDN — Using files from web applications ↗MDN documenta los objetos File seleccionados por el usuario y los metadatos localmente disponibles: nombre, tipo y tamaño.
Autoría: Borrador editorial de habilitación SIU; orientación operacional limitada a fuentes. Revisado por: Los responsables de diseño, accesibilidad, rendimiento y derechos revisan las imágenes en su contexto de entrega. Revalidar: Revalide cuando cambien la colocación, las reglas responsivas, la fuente del activo o el proveedor de entrega.