Html codificação para ampliar imagens para sites

A forma básica de usar o código HTML para ampliar uma imagem é simplesmente conectar-se a cada imagem grande usando uma versão menor dele, chamado de "miniatura." Quando os leitores clicar em uma miniatura, as grandes cargas de imagem em sua triagem para voltar à página anterior, eles usam seu navegador de "Costas" botão. Este código faz uso da ea tags HTML.

https://yoursite.com/largeimage.jpg"gt; src =" gt;

Há vários benefícios para ligando grandes imagens através do uso de miniaturas. Desde as grandes imagens não são diretamente incluídas no site, cada página é carregada mais rapidamente, reduzindo o risco de que os leitores sobre conexões lentas vai perder a paciência e decide visitar um site diferente em seu lugar. Além disso, os usuários são capazes de decidir por si próprios se querem carregar imagens maiores, em vez de tê-lo forçado em cima de si pessoas que usam conexões com limites de download, bem como aqueles que pagar por sua conexão com base na quantidade de baixar, ganhou ` t atropelado seu limite ou ter que pagar extra se eles não querem.

O código de base assenta na sua leitores usando "Costas" botão para voltar para onde eles estavam. Isso pode confundir alguns usuários, que pode fechar a janela que contém a imagem grande e, portanto, não têm nenhuma maneira de voltar para a página anterior. Uma alternativa é abrir cada imagem grande em outra janela, embora isso possa semelhante confundir os usuários que não percebem a abertura da janela e encontrar-se perguntando por que seu "Costas" botão não funciona. Outra alternativa é criar um arquivo HTML para cada imagem maior e link para esse arquivo HTML, em vez de diretamente para a imagem. Isso permite que você incluir um link levando de volta para a página anterior com cada imagem, tornando a navegação mais simples.

CSS e javascript oferecer formas de ampliar imagens na mesma página, em vez de forçar o usuário a navegar para um novo. A desvantagem deste método é que ele se baseia em incluindo os grandes imagens dentro da página, mas mantê-los escondidos até que o usuário interage com as miniaturas. Se um monte de imagens estão na página, isso aumenta o tempo de carregamento da página de forma exponencial. Este método também pode não funcionar para os leitores que visitam sua página usando um navegador antigo ou a partir de seus smartphones.