Como fazer e, em seguida, ampliar imagens em miniatura em um site

Esta imagem é uma miniatura. Clique nele para a versão em tamanho.

A Internet é um lugar rápido. Normalmente a maioria dos usuários não vai esperar mais de 10 ou 15 segundos para uma página para carregar antes de prosseguir. Devido a isso, você quer que sua página para carregar o mais rápido possível. Alguns dos maiores velocidades de assassinos em uma página web são imagens grandes. Se você tem um monte de fotos para mostrar, é muito melhor para criar miniaturas das imagens que apontam para as grandes versões.

Coisas que você precisa

  • Adobe Photoshop
  • Coloque suas fotos no Photoshop.

  • Clique "Imagem" gt; "Tamanho da imagem" para acessar o menu Tamanho da imagem.

  • Reduzir o tamanho da imagem, inserindo novos valores de altura e largura. Você pode optar por trabalhar em pixels, polegadas ou simplesmente adicionar um novo percentual. O tamanho exato de suas miniaturas vai depender do seu design do site, mas você quer ir para tão pequena de uma imagem possível, enquanto ainda mostrando detalhes.

  • selecionar "Arquivo" gt; "Salvar como" para salvar uma cópia da imagem com um novo nome de arquivo. Por exemplo, "Picture1.jpg" pode ser salvo como "picture1_thumb.jpg" para manter os dois separados.



  • Abra o site que irá exibir as miniaturas. Você pode fazer isso usando o software de criação de página da Web ou por codificar o HTML à mão em um processador de texto.

  • Insira a primeira miniatura, onde quer que ele vá na página.

  • Converter a miniatura em um link para a imagem em tamanho real, ajustado para abrir em uma nova janela (que mantém os usuários de ter que usar o botão voltar).

  • Continue esse processo para cada imagem que você deseja incluir.

  • Salve o arquivo e testá-lo em um navegador da web.

dicas & avisos

  • Em vez de redimensionar suas imagens, você também pode cortar uma pequena parte dela no Photoshop para servir como sua miniatura. Escolha a parte mais interessante da imagem se você decidir usar esta opção.
De esta maneira? Compartilhar em redes sociais:

LiveInternet