Posts sobre | Dicas blog, imagem Pc e Web
Mostrando postagens com marcador Aumentar. Mostrar todas as postagens
Mostrando postagens com marcador Aumentar. Mostrar todas as postagens

Aumentar ou diminuir o tamanho de imagens

Vou mostrar como aumentar ou diminuir o tamanho de uma imagem, sem muitas deformações, com o Paint.
Esse procedimento, se feito corretamente não deforma uma imagem, mas a sua qualidade depende do tipo de imagem, pode não ficar boa no caso de aumentar muito.

Se você tem o Paint pode aumentar uma figura ou imagem, abra a imagem com o paint e no menu
>> Escolha Imagem ou com as teclas de atalho Alt +i
>> Clique em Alongar/inclinar... ou , nos sistemas Windows7 e Vista pode ser alongar/distorcer... e, se não encontrar a opção, use as teclas de atalho Ctrl +w
>> No quadro alongar e inclinar(distorcer) digite um número maior para % horizontal e outro igual o número escolhido acima em vertical
>> Clique em Ok.
>>Antes de salvar, se você não gostou dê um Ctrl + z para desfazer(antes de fechar o editor). Salve a imagem em Salvar como... Escolha um nome que ainda não existe(um novo nome) e Salvar ou concluir... nessa opção será salvada uma nova imagem, aí você ainda tem a original, isso ocorre quando você escolher um nome que ainda não tem nem uma foto com ele.

Para que a qualidade da imagem continue boa prefira salvar com formato PNG ou em segundo caso JPEG ou JPG

Você pode diminuir a imagem da mesma forma, basta escolher um numero menor de 100 para a % porcentagem. Mas não esqueça que vertical e horizontal devem possuir o mesmo numero para não deformar a imagem.

Se você quer mudar o tamanho só na altura ou largura, o melhor é arrastar aqueles pontinhos que ficam no canto da imagem, no lado direito e embaixo, dessa forma você cortará parte da imagem, mas não irá alterar a forma original do desenho, porém, se você quiser tirar um pouco em cima ou do lado esquerdo, terá que selecionar a imagem e arrastar ela com o mouse para cima ou lado esquerdo e depois arrastar nos pontinhos do canto para tirar o espaço em branco que ficará, só que quando arrastar os pontos do canto, a imagem não deve estar selecionada nesse momento, se tiver selecionada ao tentar diminuir poderá deformar o desenho.

Bom é fazer uma cópia de uma imagem e fazer varias coisas com ela no seu editor e, prestar atenção no que acontece com ela a cada alteração que fizer, isso é praticar.

link aumentar mudar imagem dhtml onmouse

Esse link pode ser útil, já que ele faz o efeito de mudar, aumentar ou apresentar uma imagem escondida, usando algumas tags fáceis de aplicar e entender, tags javascript ou DHTML.

Vou mostrar duas maneiras diferentes de utilizar:


1º, o usuário passa o mouse sobre uma imagem e aparece outra, assim que ele retira o mouse da imagem volta a imagem anterior, causando ou efeito de mudança de imagem ou a ilusão de aumentar a imagem.










<A HREF="http://seusite.com/etc/pagina">
<img src="ENDEREÇO DA IMAGEM 1 menor .png .JPEG .GIF"
onmouseover="this.src='ENDEREÇO DA IMAGEM 2 MAIOR .png .JPEG .GIF';"
onmouseout="this.src='
ENDEREÇO DA IMAGEM 1 menor .png .JPEG .GIF';" />
</A>



2º, passando o mouse sobre a imagem, aparece outra, e, essa permanece, a utilidade desse efeito poderia ser usado para que a página carregue mais rápido.


site criou abaixo assinado online contra o trabalho escravo, nao ao trabalho escravo


<A HREF="http://seusite.com/etc/pagina">
<img src="ENDEREÇO DA IMAGEM 1 menor .png .JPEG .GIF"
onmouseover="this.src='ENDEREÇO DA IMAGEM 2 MAIOR .png .JPEG .GIF';"/>

</A>



Para entender, esse código <a href=" é o link , e http://s... é o endereço do link, ou seja, a página onde a pessoa irá ao clicar no link-imagem:
<A HREF="http://seusite.com/etc/pagina">

Esse código "puxa(faz aparecer) imagem na pagina" <img src=" ENDEREÇO DA IMAGEM o correto é algo como "http://foitestado.com/412223.GIF"
<img src="ENDEREÇO DA IMAGEM 1 menor .png .JPEG .GIF"
onmouseover="this.src='ENDEREÇO DA IMAGEM 2 MAIOR .png .JPEG .GIF';"/>
fim do código link
</A>

Agora vejam as imagens do 1º efeito
Para o primeiro efeito talvez seria interessante criar uma imagem "escondida" antes, ou seja de 0 px, isso fará o navegador baixar a imagem e quando passar o mouse ele não precisará fazer isso.


Imagem antes de passar mouse e ao retirar o mouseImagem texto ao passar ratoImagem texto ao passar Mouse-OverImagem text ao tirar o Mouse-menosSe quiser ver outro ponto de vista ou confundir mais clique aqui

Pesquisar

Google

Newsletter

Digite seu Email:

Postagens populares

Arquivo do blog

Recentes postagens populares