Envie a
imagem candidata.
Uma entrada privada, exclusiva do navegador, para revisar metadados básicos de imagem junto com questões de entrega. Não envia, retém, otimiza ou inspeciona um arquivo além dos metadados e dimensões locais.
USE PARA: Use para preparar uma discussão sobre posicionamento da imagem, candidatos responsivos, texto alternativo acessível e compromissos de entrega.
Inspecione o ponto de partida.
Escolha uma imagem local para ver os metadados básicos relatados pelo navegador e as dimensões. O SIU não envia, transmite, retém, otimiza ou armazena o arquivo selecionado.
SELECIONAR IMAGEM LOCAL — Nenhuma imagem selecionada. Nada foi enviado ou armazenado.
Nada sai daqui.
Uma imagem selecionada mostrará seu nome, o tipo MIME relatado pelo navegador, o tamanho em bytes, a data de última modificação e as dimensões decodificáveis localmente.
Nenhuma visualização é gerada. Selecione uma imagem somente se os metadados locais forem úteis para sua revisão.
Execute o próximo passo conhecido.
- Selecione uma imagem local. O navegador lê seu nome, tipo MIME, tamanho em bytes, carimbo de data/hora da última modificação e — quando decodificável — dimensões em pixels apenas na memória.
- Relacione as dimensões à largura renderizada pretendida e à densidade do dispositivo; então decida se a página precisa de múltiplos candidatos de imagem ou direção artística.
- Revise o contexto de marcação: texto alternativo significativo, dimensões declaradas quando apropriado, seleção responsiva de fontes de imagem e prioridade de carregamento são decisões separadas.
- Mantenha o arquivo fonte original conforme o processo estabelecido de ativos e licenciamento da equipe. Esta página não cria arquivos derivados.
Inspecione a página renderizada nos pontos de interrupção pretendidos com o navegador e as ferramentas de desempenho aprovadas pela equipe.
Confirme o texto alternativo da imagem e a marcação responsiva real na revisão de código.
Meça a entrega no ambiente real antes de afirmar uma melhoria.
Notas da fonte, não certeza emprestada.
Base de planejamento: orientações do web.dev sobre imagens responsivas e documentação do MDN File API
- web.dev — Responsive images ↗O web.dev explica que os bytes da imagem podem ser significativos e descreve candidatos responsivos, srcset, sizes e picture para casos de uso apropriados.
- MDN — Using files from web applications ↗O MDN documenta objetos File selecionados pelo usuário e metadados locais disponíveis como nome, tipo e tamanho.
Autoria: Rascunho editorial de habilitação do SIU; orientação operacional limitada à fonte. Revisado por: Design, acessibilidade, desempenho e responsáveis por direitos revisam as imagens em seu contexto de entrega. Revalidar: Revalide quando a posição, regras responsivas, fonte do ativo ou provedor de entrega mudarem.