Frequentemente surge no fórum a questão relativa à colocação de imagens directas nos tópicos.
Para não ser necessário repetir constantemente o procedimento, criei um pequeno guia com os passos detalhados para a inserção de imagens nos tópicos.
A forma que vou dissecar aqui, é das mais simples, e ajuda o fórum a manter-se leve, já que não sobrecarrega o nosso servidor com as imagens anexadas.
OBJECTIVO:
Com a massificação das ligações de banda larga, faz cada vez mais sentido a utilização de imagens nos tópicos, já que quebram textos longos, ajudam a reforçar ideias e transmitem facilmente informação que doutra forma seria muito difícil de passar.
Com esta massificação, surgiram também diversos serviços de alojamento de imagens online que, de uma forma prática, gratuíta e muito rápida, permitem alojar esse tipo de conteúdos, sem que tenhamos necessidade de ter um servidor próprio.
Dois dos serviços mais conhecidos são o tinypic.com e o imageshack.com
Ambos são de qualidade, embora eu prefira o tinypic para uploads mais rápidos de uma imagem só, ao passo que o imageshack é óptimo para upload de várias imagens em simultâneo. Ambos os serviços são conhecidos pela sua fiabilidade pelo que as imagens deverão ficar disponíveis por longo período de tempo. No entanto nunca deverão ser considerados como única fonte de backup.
ORIGEM DAS IMAGENS:
Normalmente as imagens que querem colocar no tópico, existirão em duas formas principais: Ou alojadas no vosso computador (ou periféricos) ou então já existem online, na página do fabricante de um produto ou no blogue de um amigo.
Portanto haverá métodos distintos para colocar imagens com origens distintas, sendo que, no entanto podem-se misturar ambos os tipos e também, parte do processo é comum.
No método que vou explicar, mesmo as imagens que foram apontadas de um outro site serão alojadas no servidor, pelo que mesmo que a página onde as encontraram feche, as imagens continuarão sempre disponíveis.
PROCEDIMENTO
Vou então explicar o processo via imageshack, primeiro para imagens já alojadas no vosso computador, e depois para imagens alojadas online numa página, blog ou outro.
PARA FICHEIROS ALOJADOS NO COMPUTADOR:
__ 01 ____________________________________________
Aceder ao website www.imageshack.us que se apresenta assim:
__ 02 ____________________________________________
Por defeito, no tipo de upload, estará marcada a opção (images/videos) que é o que nos interessa agora:
__ 03 ____________________________________________
Clicar em "Browse".
__ 04 ____________________________________________
Irá abrir a janela tradicional de escolha de ficheiros (aqui em versão Macintosh). Nesta altura poderão escolher um único ficheiro ou, opcionalmente, fazer uma selecção de vários ficheiro utilizando os cliques do rato e as teclas "control" ou "shift" dependendo se é uma selecção aleatória ou contínua respectivamente.
__ 05 ____________________________________________
Confirmando a operação, o imageshack irá adicionar à lista de processamento as imagens escolhidas.
__ 06 (opcional) __________________________________
Nesta altura, temos a opção de fazer o resize das imagens.
Apesar de ser opcional esta operação é particularmente importante se as imagens forem grandes (+900pixel no lado maior) já que se forem colocadas em bruto no post, irão dar cabo do layout do site.
__ 06(A) _________________________________________
Para isso, clicar em Upload "Upload Options / Resizing >>"
__ 06(B) _________________________________________
No painel que aparece escolhemos a opção "800x600 (15-inch monitor). Esta resolução é perfeitamente aceitável para a generalidade das imagens.
__ 07 ____________________________________________
Escolhidas as imagens e as opções, está na altura de fazer o upload carregando no botão "upload now".
__ 08 ____________________________________________
Aparecerá uma barra de status, que indica o estado do upload:
__ 09 ____________________________________________
Finalizada a operação, será este o aspecto da janela:
Caso tenham feito upload de uma única imagem, a janela é ligeiramente diferente
__ 10 ____________________________________________
O que nos interessa nesta janela é precisamente a zona que tem os direct links. Estes são os links para a imagem em si, sem publicidade do imageshack e são estes que nos interessam para o tópico.
Em múltiplo upload:
Caso seja o upload de uma só imagem:
__ 11 ____________________________________________
Seleccionamos então o primeiro endereço e copiamos (com o rato ou control + c)
__ 12 ____________________________________________
No tópico aqui do fórum, com o cursor no local onde queremos inserir a imagem, clicar no ícone de inserção de imagem
.
__ 13 ____________________________________________
Na caixa que vai surgir colamos o endereço copiado anteriormente na página do imageshack.
__ 14 ____________________________________________
Ao confirmar, será inserido um pequeno pedaço de código no tópico, no sítio onde ficará a imagem.
Caso existam mais imagens, basta copiar o seu link directo e repetir o procedimento. Os links directos apresentam-se na lista da página do imageshack, na mesma ordem que as pequenas miniaturas do lado esquerdo.
O resultado final está expresso neste guia, uma vez que as imagens ficam inseridas onde desejado, por forma a fazerem sentido juntamente com o texto, sem margens, publicidade ou miniaturas.
PARA FICHEIROS ALOJADOS ONLINE:
Como já disse acima, por vezes interessa-nos usar uma imagem que já está publicada online. Se podemos perfeitamente fazer o link directo para essa imagem, corremos o risco de a imagem ser movida do servidor, e automaticamente ficamos sem imagem no tópico.
Ora este procedimento, apesar de levar mais alguns segundos, garante que a imagem ficará sempre disponível no tópico, mesmo que seja apagada da sua localização original.
__ 01 ____________________________________________
Caso a imagem já se encontre alojada num site ou blog, apenas têm de isolar a imagem numa nova janela, para ver o seu endereço.
Podem por exemplo clicar em cima da imagem com o botão do lado direito do rato (menu de contexto) e mandar abrir numa nova janela ou ver nas propriedades da imagem o seu endereço. No firefox e no safari (macintosh) o menu de contexto tem a opção de copiar directamente o endereço da imagem.
__ 02 ____________________________________________
Munidos desse endereço, visitam a página www.imageshack.us
__ 03 ____________________________________________
Desta feita, em "Upload" ao invés de "images/videos", deverão escolher a opção "url"
__ 04 ____________________________________________
A caixa imediatamente abaixo, poderá agora ser utilizada para colar o endereço da imagem que copiaram anteriormente.
__ 05 ____________________________________________
A partir deste ponto o procedimento é exactamente igual ao de upload para imagens alojadas no computador. Deverão então seguir esse guia a partir do ponto 6.
Para não ser necessário repetir constantemente o procedimento, criei um pequeno guia com os passos detalhados para a inserção de imagens nos tópicos.
A forma que vou dissecar aqui, é das mais simples, e ajuda o fórum a manter-se leve, já que não sobrecarrega o nosso servidor com as imagens anexadas.
OBJECTIVO:
Com a massificação das ligações de banda larga, faz cada vez mais sentido a utilização de imagens nos tópicos, já que quebram textos longos, ajudam a reforçar ideias e transmitem facilmente informação que doutra forma seria muito difícil de passar.
Com esta massificação, surgiram também diversos serviços de alojamento de imagens online que, de uma forma prática, gratuíta e muito rápida, permitem alojar esse tipo de conteúdos, sem que tenhamos necessidade de ter um servidor próprio.
Dois dos serviços mais conhecidos são o tinypic.com e o imageshack.com
Ambos são de qualidade, embora eu prefira o tinypic para uploads mais rápidos de uma imagem só, ao passo que o imageshack é óptimo para upload de várias imagens em simultâneo. Ambos os serviços são conhecidos pela sua fiabilidade pelo que as imagens deverão ficar disponíveis por longo período de tempo. No entanto nunca deverão ser considerados como única fonte de backup.
ORIGEM DAS IMAGENS:
Normalmente as imagens que querem colocar no tópico, existirão em duas formas principais: Ou alojadas no vosso computador (ou periféricos) ou então já existem online, na página do fabricante de um produto ou no blogue de um amigo.
Portanto haverá métodos distintos para colocar imagens com origens distintas, sendo que, no entanto podem-se misturar ambos os tipos e também, parte do processo é comum.
No método que vou explicar, mesmo as imagens que foram apontadas de um outro site serão alojadas no servidor, pelo que mesmo que a página onde as encontraram feche, as imagens continuarão sempre disponíveis.
PROCEDIMENTO
Vou então explicar o processo via imageshack, primeiro para imagens já alojadas no vosso computador, e depois para imagens alojadas online numa página, blog ou outro.
PARA FICHEIROS ALOJADOS NO COMPUTADOR:
__ 01 ____________________________________________
Aceder ao website www.imageshack.us que se apresenta assim:
__ 02 ____________________________________________
Por defeito, no tipo de upload, estará marcada a opção (images/videos) que é o que nos interessa agora:
__ 03 ____________________________________________
Clicar em "Browse".
__ 04 ____________________________________________
Irá abrir a janela tradicional de escolha de ficheiros (aqui em versão Macintosh). Nesta altura poderão escolher um único ficheiro ou, opcionalmente, fazer uma selecção de vários ficheiro utilizando os cliques do rato e as teclas "control" ou "shift" dependendo se é uma selecção aleatória ou contínua respectivamente.
__ 05 ____________________________________________
Confirmando a operação, o imageshack irá adicionar à lista de processamento as imagens escolhidas.
__ 06 (opcional) __________________________________
Nesta altura, temos a opção de fazer o resize das imagens.
Apesar de ser opcional esta operação é particularmente importante se as imagens forem grandes (+900pixel no lado maior) já que se forem colocadas em bruto no post, irão dar cabo do layout do site.
__ 06(A) _________________________________________
Para isso, clicar em Upload "Upload Options / Resizing >>"
__ 06(B) _________________________________________
No painel que aparece escolhemos a opção "800x600 (15-inch monitor). Esta resolução é perfeitamente aceitável para a generalidade das imagens.
__ 07 ____________________________________________
Escolhidas as imagens e as opções, está na altura de fazer o upload carregando no botão "upload now".
__ 08 ____________________________________________
Aparecerá uma barra de status, que indica o estado do upload:
__ 09 ____________________________________________
Finalizada a operação, será este o aspecto da janela:
Caso tenham feito upload de uma única imagem, a janela é ligeiramente diferente
__ 10 ____________________________________________
O que nos interessa nesta janela é precisamente a zona que tem os direct links. Estes são os links para a imagem em si, sem publicidade do imageshack e são estes que nos interessam para o tópico.
Em múltiplo upload:
Caso seja o upload de uma só imagem:
__ 11 ____________________________________________
Seleccionamos então o primeiro endereço e copiamos (com o rato ou control + c)
__ 12 ____________________________________________
No tópico aqui do fórum, com o cursor no local onde queremos inserir a imagem, clicar no ícone de inserção de imagem
__ 13 ____________________________________________
Na caixa que vai surgir colamos o endereço copiado anteriormente na página do imageshack.
__ 14 ____________________________________________
Ao confirmar, será inserido um pequeno pedaço de código no tópico, no sítio onde ficará a imagem.
Caso existam mais imagens, basta copiar o seu link directo e repetir o procedimento. Os links directos apresentam-se na lista da página do imageshack, na mesma ordem que as pequenas miniaturas do lado esquerdo.
O resultado final está expresso neste guia, uma vez que as imagens ficam inseridas onde desejado, por forma a fazerem sentido juntamente com o texto, sem margens, publicidade ou miniaturas.
PARA FICHEIROS ALOJADOS ONLINE:
Como já disse acima, por vezes interessa-nos usar uma imagem que já está publicada online. Se podemos perfeitamente fazer o link directo para essa imagem, corremos o risco de a imagem ser movida do servidor, e automaticamente ficamos sem imagem no tópico.
Ora este procedimento, apesar de levar mais alguns segundos, garante que a imagem ficará sempre disponível no tópico, mesmo que seja apagada da sua localização original.
__ 01 ____________________________________________
Caso a imagem já se encontre alojada num site ou blog, apenas têm de isolar a imagem numa nova janela, para ver o seu endereço.
Podem por exemplo clicar em cima da imagem com o botão do lado direito do rato (menu de contexto) e mandar abrir numa nova janela ou ver nas propriedades da imagem o seu endereço. No firefox e no safari (macintosh) o menu de contexto tem a opção de copiar directamente o endereço da imagem.
__ 02 ____________________________________________
Munidos desse endereço, visitam a página www.imageshack.us
__ 03 ____________________________________________
Desta feita, em "Upload" ao invés de "images/videos", deverão escolher a opção "url"
__ 04 ____________________________________________
A caixa imediatamente abaixo, poderá agora ser utilizada para colar o endereço da imagem que copiaram anteriormente.
__ 05 ____________________________________________
A partir deste ponto o procedimento é exactamente igual ao de upload para imagens alojadas no computador. Deverão então seguir esse guia a partir do ponto 6.
Last edited: