View Full Version : HTML Thumbnails


cheires
17-10-2007, 12:15
Olá pessoal, estou ainda a começar no HML, e estou a tentar por umas imagens num servidor usando thumbnails.
estou a usar o seguinte código para por as imagens associadas aos thumbnails:

<a href = fotos/1.jpg>
<img src="fotos/1.jpg" width="100" height="100">
</a>

Mas ao carregar a página demora muito, e porque deve estar a carregar as fotos em tamanho normal.
Como posso corrigir isso? Ou seja, carregar apnas os thumbnails, e só clicando em cima de uma foto, carregar essa foto na sua totalidade.
Agradeço desde já a todos.

SoundSurfer
17-10-2007, 13:57
Tens de criar imagens mais pequenas para os thumbnails... não há outra hipótese.

Há scripts/software "server-side" que os pode criar automaticamente, tens de procurar.

Ciberjohn
17-10-2007, 13:58
ou..usas php e a gd library...ou outra coisa qualquer que não plain html para fazer o autorezize / thumbnailling

Bonder
17-10-2007, 18:03
Eu tambem tinha esse problema e resolvi-o com um software que fazia resize de todas as imagens de uma pasta

CyberOps
17-10-2007, 19:59
Eu tambem tinha esse problema e resolvi-o com um software que fazia resize de todas as imagens de uma pasta

mas faz resize automatico ou tens q abrir o programa tipo photoshop e redimensionar tudo tu?
se fizer resize automatico diz o nome do prog sff

slack_guy
17-10-2007, 20:11
Se fizeres o resize 'on-the-fly' de cada uma das imagens levas um 'tempão' a mostrar a página. O melhor mesmo é criares os thumbnails antes. Tens milhentas maneiras de fazer o resize das imagens - umas mais fáceis mas demoradas (por exemplo: Photoshop) e outras mais complexas mas mais rápidas (ex.: linha de comandos e ImageMagick) :-)

lfdesign
17-10-2007, 23:03
Se fizeres o resize 'on-the-fly' de cada uma das imagens levas um 'tempão' a mostrar a página. O melhor mesmo é criares os thumbnails antes. Tens milhentas maneiras de fazer o resize das imagens - umas mais fáceis mas demoradas (por exemplo: Photoshop) e outras mais complexas mas mais rápidas (ex.: linha de comandos e ImageMagick) :-)

Estás-te a esquecer das actions em Photoshop... É fácil e rapidissímo...

slack_guy
17-10-2007, 23:52
acredito que sim. o que te digo é que no tempo que demoras a abrir o photoshop, já eu tinha feito o trabalho (dependendo do número de imagens....) :-)

Bonder
18-10-2007, 00:33
Usei o High Quality Photo Resizer e o resize é automático.
Pareceu-me muito bom, podes escolher o tamanho das imagens, o nome dos ficheiros, qualidade da imagem e é grátis :p.
Já não me lembro onde o encontrei, mas acho que foi no download.com (http://www.download.com).

cheires
18-10-2007, 10:23
Obrigado a todos, são boas sugestões, e era isso mesmo que estava a pensar fazer, redimensionar a imagem e colocar numa pasta thumnails, e fazer o link para a imagem original.
Só um pequeno reparo, será que o Gimp dá para fazer o resize das imagens, mas de todas ao mesmo tempo? É que ainda são algumas.
Mesmo assim, grato pela vossa preciosa ajuda.:p

Inoculado
19-10-2007, 03:13
Eu tambem tinha esse problema e resolvi-o com um software que fazia resize de todas as imagens de uma pasta

isso é uma estupidez ,ja q um bocado de texto faz isso em php html o q for ,
por exemplo ,um exemplo ja feito
http://www.linhadecodigo.com.br/Codigo.aspx?id=392

outro link com informaçao
http://www.4wordsystems.com/php_image_resize.php

infelizmente n te posso dizer mt claramente ,como se faz pois n tenho na ponta da lingua

slack_guy
19-10-2007, 09:39
isso é uma estupidez ,ja q um bocado de texto faz isso em php html o q for ,
estupidez? um 'bocado de texto'? em html? hum... desconfio que estejas baralhado :-)

Eu explico-te.
Para fazeres o resize das imagens via script (Perl, Ruby, Python, ou mesmo PHP - mas nunca HTML) num servidor remoto, tens as seguintes hipóteses:

Através de um formulário online, fazes o upload das imagens e, nesse momento, um script no servidor remoto encarrega-se de fazer os thumbnails nas dimensões necessárias;
Tens um script no servidor remoto que, quando invocado, percorre uma (ou mais) pasta de imagens e para cada imagem encontrada cria um thumbnail - se ainda não existir - dessa mesma imagem com o mesmo nome mas numa pasta diferente;
Tens uma página HTML com os thumbnails que, em vez de chamar cada imagem, chama um script que faz o seguinte:

Verifica se existe um thumbnail para a imagem pretendida;
Se não existir o thumbnail, esse é criado no momento;
devolve a imagem.



Como, pela leitura do post original, fiquei com a ideia que o 'cheires' não sabe programar, nem sequer se colocam estas hipóteses. É preferível fazer os thumbnails 'manualmente' e colocá-los por FTP no servidor - desta forma funciona sempre.

Inoculado
19-10-2007, 12:54
nunca html ,desculpa ,pelo menos a partida q eu saiba , tens razao .
quanto ao cheires ,uma x q nao sabe programar nao ha necessidade de criar nada novo ,existem muitos scripts disponiveis feitos por profissionais na area

Bonder
19-10-2007, 18:33
isso é uma estupidez ...
Estupidez porquê?! Não funciona? Estupidez, seria fazer resize de imagens com um batedeira...

Inoculado
19-10-2007, 20:40
estupidez é a comparaçao q tu fizeste ,
digo isto pq ? porque com poucas linhas de codigo consegues isso ,infelizmente n tenho aqui de momento mas na altura em q estava a ler acerca do assunto ,trabalhar com imagens manipulaçao de imagens ,trabalhar com fopen e fclose ,tudo assuntos relacionados ,encotnrei na altura um exemplo q nao precisava de muitas linhas de codigo facilimo q fazia isso.
mas se quiseres um programa tipo photoshop ,tb da
mas repara q estamos a falar de web ,design web development .