Código HTML para estender imagens para um site

Eu linko imagens grandes

A maneira básica de usar código HTML para ampliar a imagem é basicamente vincular cada imagem grande a uma versão menor dela, chamada "miniatura". Quando os leitores clicam em uma imagem pequena, ela carrega em tamanho grande na tela para retornar à página anterior, use o botão "Voltar" no seu navegador. Este código faz uso de tags HTML e .

Benefícios

Há vários benefícios em vincular imagens grandes ao uso de miniaturas. Como as imagens grandes não são incluídas diretamente no site, cada página carrega mais rápido, reduzindo o risco de os visitantes experimentarem conexões lentas e perderem a paciência, gerando assim a decisão de visitar um site diferente. Além disso, os usuários decidirão por si mesmos se desejam enviar imagens maiores em vez de serem impostas e, especialmente, para aqueles que usam conexões com limites de download, bem como aqueles que pagam por sua conexão, dependendo do valor a ser baixado. . Esses usuários não excedem o limite para que não precisem pagar mais se não quiserem.

Considerações

O código básico é baseado em visitantes que usam o botão "Voltar" para retornar para onde estavam. Isso pode confundir alguns usuários que podem fechar a janela que contém a imagem grande e, portanto, não há como voltar para a página anterior. Uma alternativa é abrir cada imagem grande em uma nova janela, embora isso possa confundir os usuários da mesma forma como eles podem não perceber a abertura da janela e se perguntar por que o botão "Voltar" não funciona. Outra alternativa é criar um arquivo HTML para cada imagem maior e um link para esse arquivo HTML em vez de ir diretamente para a imagem. Isso permite incluir um link que leva de volta à página anterior com cada imagem, alcançando a simplicidade na navegação.

Alternativas

O CSS e o JavaScript oferecem maneiras de ampliar as imagens na mesma página, em vez de forçar o usuário a navegar por um novo. A desvantagem deste método é que ele é baseado na inclusão de imagens grandes na página, que ficam ocultas até que o usuário interaja com as miniaturas. Se um lote de imagens estiver na página, o que aumenta é o tempo de carregamento da página exponencialmente. No entanto, esse método pode não funcionar para usuários que visitam sua página com um navegador antigo ou de seus smartphones.