Tutorial – Tratar e colocar imagens no fórum

Como colocar fotografias, vídeos,...
Bloqueado
Paulo Simões

Tutorial – Tratar e colocar imagens no fórum

Mensagem por Paulo Simões » segunda ago 28, 2006 12:21 pm

Este Tutorial irá permitir conhecer as formas que podem ser utilizadas para inserir fotos no fórum.

Não pretende ser exaustivo, mas essencialmente prático.

Nos próximos dias serão aqui colocados os diferentes passos para saberem utilizar as mais valias da fotografia digital no complemento das vossas mensagens.

Para questões sobre este assunto deverá ser utilizado o tópico “Dúvidas - Tutorial – Tratar e colocar imagens no fórum”.
Última edição por Paulo Simões em segunda ago 28, 2006 8:28 pm, editado 1 vez no total.

Paulo Simões

Resumo to Tutorial

Mensagem por Paulo Simões » segunda ago 28, 2006 8:27 pm

Resumo to Tutorial

Introdução
1. Link para imagens já existentes na Net. (Prós e contras)
2. Características das imagens JPG
3. Características das imagens GIF
4. Utilização do PAINT (do Windows) para preparação das imagens
5. Alojamento para as imagens
6. Caracterização e inserção de vídeos
7. Servidor de alojamento de imagens (por FTP) da Ptnauticmodel

Para questões sobre este assunto deverá ser utilizado o tópico “Dúvidas - Tutorial – Tratar e colocar imagens no fórum”.
Última edição por Paulo Simões em quarta ago 30, 2006 9:43 am, editado 1 vez no total.

Paulo Simões

INTRODUÇÃO

Mensagem por Paulo Simões » segunda ago 28, 2006 10:44 pm

INTRODUÇÃO

As máquinas fotográficas actuais fotografam a resoluções muito superiores ao necessário para que as fotografias sejam perfeitamente visualizadas na NET.

O tratamento das fotografias tornasse necessário para que não “pesem” desnecessariamente levando à lentidão ao serem mostradas, tornando-se assim necessário diminuir-lhes o Tamanho (em Pixel), o Peso (em Kb) e a Resolução (em dpi).

Nota importante:
Nunca aumente a resolução de uma imagem nem o seu tamanho, porque não vai ganhar nada com isso, pelo contrário, vai aumentar o tamanho dos pixels e o peso da imagem, piorando ainda mais a sua qualidade.


Próximo item do tutorial

1 - Link para imagens já existentes na Net. (Prós e contras)

Para questões sobre este assunto deverá ser utilizado o tópico “Dúvidas - Tutorial – Tratar e colocar imagens no fórum”.
Última edição por Paulo Simões em terça ago 29, 2006 9:17 am, editado 1 vez no total.

Paulo Simões

Mensagem por Paulo Simões » segunda ago 28, 2006 10:55 pm

1 - Link para imagens já existentes na Net. (Prós e contras)

Se encontrarem alguma imagem na NET que achem que pode ajudar a entendermos melhor a vossa mensagem, podem inseri-la no fórum da seguinte forma:

Clique com o botão do lado direito do rato em cima da fotografia que pretendem inserir e escolham a ultima opção – Propriedades.

Imagem

Na nova janela seleccionem com o rato (clicando no botão do lado esquerdo enquanto arrastam por cima do endereço completo) e façam conforme aparece na imagem.

Imagem

Com o endereço seleccionado, cliquem com o botão do lado direito em cima da selecção e escolham copiar.

Imagem

Dentro da janela do fórum onde estão a escrever a vossa mensagem, cliquem no local onde pretendem colocar a vossa imagem, cliquem com o botão do lado direito e escolham a opção colar.

Imagem

Com o endereço já dentro da janela voltem a seleccionar o caminho totalmente e clique no botão IMG por cima da janela onde estão a escrever.

Imagem

Deve aparecer o caminho para a imagem dentro desta tag ImagemCaminho%20para%20a%20imagem[/img]. Assim, o fórum vai mostrar a imagem e não apenas o link para a imagem.

Se clicarem em pré visualizar, terão de ver a imagem inserida na vossa mensagem.

Imagem

Devem depois clicar em enviar para que a mensagem apareça no fórum com a imagem lá dentro.

Imagem

Prós:
Rapidamente inserem uma imagem nas vossa mensagem.
Não precisam trata-la nem aloja-la pois já alguém o fez.

Contras:
A imagem não é vossa.
Poderá não estar optimizada.
Se a imagem for retirada do local onde está, no fórum deixa de aparecer, ficando o buraco vazio.

Próximo item do tutorial

2 - Características das imagens JPG

Para questões sobre este assunto deverá ser utilizado o tópico “Dúvidas - Tutorial – Tratar e colocar imagens no fórum”.

Paulo Simões

Mensagem por Paulo Simões » terça ago 29, 2006 9:21 am

2 - Características das imagens JPG

As imagens podem ser gravadas em diferentes tipos/formatos de ficheiros. O mais usual é o formato JPG, pois possui compressão que permite que as imagens fiquem com pouco peso.
Contudo essa compressão é destrutiva. Para poder comprimir, vão ser "alterados" pixels da fotografia, o que poderá terminar numa fotografia pequena em relação ao seu peso, mas muito má em relação à qualidade.

Como as fotografias tem mais de 16 milhões de combinações possível de cores, a compressão (sem exageros) vai "igualar" algumas das cores que se encontrem mais próximas, reduzindo a quantidade de cores na fotografia, e reduzindo assim o peso da imagem.

O compromisso está em conseguir uma compressão (max 35% ou tipo 6) que permite não deteriorar muito a imagem e não ficar muito pesada.

Nota importante:
Sempre que preparar uma imagem para a NET, guarde sempre o original e trabalhe numa cópia, pois assim que aplicar as alterações (optimização para a NET) à imagem, não conseguirá voltar a trás, perdendo assim a alta resolução da fotografia original.


Em suma a imagem ideal para ser mostrada no fórum deve ter:

Tamanho (em Pixel): Max - 800x600 | Ideal - 709x532 (na horizontal)
Peso (em Kb): Entre 50 e 100 Kb
Resolução (em dpi): 72 dpi (se ficar com 75 não faz mal)

Ficam assim as fotografias optimizadas para a maior parte das necessidades na NET.

Próximo item do tutorial

3- Características das imagens GIF

Para questões sobre este assunto deverá ser utilizado o tópico “Dúvidas - Tutorial – Tratar e colocar imagens no fórum”.
Última edição por Paulo Simões em quarta ago 30, 2006 10:20 am, editado 1 vez no total.

Paulo Simões

Mensagem por Paulo Simões » terça ago 29, 2006 9:42 am

3- Características das imagens GIF

As imagens em formato GIF são normalmente utilizadas para grafismos, logótipos e desenhos, que utilizem no max. 256 cores.

As fotografias utilizam mais de 16 milhões de cores pelo que não deverão ser gravadas em formato GIF, pois perderiam a qualidade.

O inverso também não se deve aplicar, pois os grafismos, logótipos e desenhos, que utilizem no max. 256 cores se forem gravados como JPG, não melhoram a sua qualidade e irão ficar mais pesadas que em formato GIF.

Para pequenas imagens com movimento deve ser utilizado o formato GIF animado.

Para o fórum, devem ser utilizadas as mesmas características que para o formato JPG.

Tamanho (em Pixel): Max - 800x600 | Ideal - 709x532 (na horizontal)
Peso (em Kb): Entre 50 e 100 Kb
Resolução (em dpi): 72 dpi (se ficar com 75 não faz mal)

Próximo item do tutorial

4 - Utilização do PAINT (do Windows) para preparação das imagens

Para questões sobre este assunto deverá ser utilizado o tópico “Dúvidas - Tutorial – Tratar e colocar imagens no fórum”.

Paulo Simões

Mensagem por Paulo Simões » quarta ago 30, 2006 10:04 am

4 - Utilização do PAINT (do Windows) para preparação das imagens

O PAINT (do Windows) é um programa muito básico, mas que serve para quem não tenha outro. Aquilo que me proponho explicar não é como trabalhar com ele, mas apenas como dimensionar as imagens para ficarem em condições para serem colocadas no fórum.

Cada máquina fotográfica trabalha com a sua resolução, por isso é impossível apresentar exemplos para todas.
Vou dar alguns exemplos para dimensionar fotografias de várias resoluções, mas se as suas fotografias têm resolução diferente terão de fazer algumas tentativas até encontrarem o valor mais apropriado.

Antes de mais, abram uma fotografia da vossa máquina no PAINT (do Windows) para saberem qual a sua resolução.

Cliquem no icon do PAINT (do Windows) que está dentro dos acessórios do Windows.
Depois do programa aberto, escolham Ficheiro --> Abrir e escolham a imagem que querem dimensionar.

Já com a imagem visível (podem ver que não aparece toda), no menu de topo Imagem escolham a opção atributos.

Imagem

No caso da imagem apresentada, a fotografia tem 2592 x 1944 pixels, bastante acima do valor necessário.

Ficaram a saber qual a resolução da vossa fotografia. Cliquem na opção cancelar da janela de atributos da fotografia.

Agora vamos ter de reduzi-la para a dimensão apropriada.

No menu de topo escolham a opção Imagem --> Esticar/torcer

Para esta resolução terão de ser utilizados os valores 30% na Horizontal e Vertical. Cliquem em OK.

Imagem

Podem agora ver a fotografia totalmente dentro do Paint.

Para terem a certeza voltem ao menu de topo Imagem escolham a opção atributos e podem ver que agora a fotografia já está dentro da resolução ideal. Ficou com 778 x 584 pixels. Cliquem em OK.

Imagem

Agora têm de gravar a fotografia, mas atenção, como referi mais acima, não devem gravar por cima da fotografia original para não a perderem. Neste caso escolham a opção guardar como, e gravem com outro nome.

Imagem

Nota importante:
Os dados acima apresentados serviram para fotografias na horizontal.
Se colocarem os mesmos valores (30%) em fotografias na vertical, irão verificar que uma das dimensões (a altura) ultrapassa os 800 pixels.


Nesse caso terão de colocar o valor 28% para que a fotografia fique dentro dos valores ideais.

Ficou com 545 x 726 (abaixo do valor Max., neste caso 600 x 800).

Imagem

ALGUNS EXEMPLOS:

Fotografias com resolução 2592 x 1944 pixels
Para fotografias na horizontal utilizar o valor de 30%
Para fotografias na vertical utilizar o valor de 28 %

Fotografias com resolução 2304 x 1712 pixels
Para fotografias na horizontal utilizar o valor de 34%
Para fotografias na vertical utilizar o valor de 30 %

Fotografias com resolução 1280 x 960 pixels
Para fotografias na horizontal utilizar o valor de 60%
Para fotografias na vertical utilizar o valor de 25 %

Para outras resoluções deverão fazer algumas tentativas para que as imagens fiquem dentro dos valores ideais - Horizontal 800 x 600 e Verticais 600 x 800.

Nota importante:
Apontem as % para posteriores utilizações.


Próximo item do tutorial

5 – Alojamento para as imagens

Para questões sobre este assunto deverá ser utilizado o tópico “Dúvidas - Tutorial – Tratar e colocar imagens no fórum”.

Paulo Simões

Mensagem por Paulo Simões » quarta ago 30, 2006 12:39 pm

5 – Alojamento para as imagens

Como já foi referido anteriormente, este fórum não armazena imagens.
Para que se possam visualizar as fotografias (já optimizadas) e vídeos no fórum, estes terão de ser alojadas noutro local.

Existem diversos locais onde podem armazenar as vossas fotografias e vídeos sem pagarem nada.

Fiz uma pesquisa pelos locais onde os utilizadores deste fórum estão a armazenar as imagens e encontrei estes:

- http://photobucket.com/
- http://imageshack.us/ (permite fazer o trabalho de dimensionamento das imagens por vocês)
- http://www.dados.ptnauticmodel.net (por ftp) Será divulgado mais à frente, como poderá ser utilizado.

Se fizerem uma pesquisa no Google por “Free image hosting” aparecem “apenas” cerca de 89.200.000 resultados.

Este Tutorial não ensina como utilizar estes serviços de alojamento de imagens, mas não creio que seja difícil.

Próximo item do tutorial

6- Caracterização e inserção de vídeos

Para questões sobre este assunto deverá ser utilizado o tópico “Dúvidas - Tutorial – Tratar e colocar imagens no fórum”.

Paulo Simões

Mensagem por Paulo Simões » quarta ago 30, 2006 2:14 pm

6- Caracterização e inserção de vídeos

Os vídeos são cada vez mais utilizados para mostrar situações do dia a dia. A proliferação de equipamentos digitais veio facilitar a utilização desta tecnologia.

Contudo, os vídeos que são gerados nos nossos equipamentos, não podem ser despejados na NET sem tratamento nem optimização. Se as fotografias já geram ficheiros muito pesados, os vídeos ainda mais, sendo por isso necessário alguns conhecimentos e ferramentas para editar esses grandes ficheiros.

Assim que sai da máquina, apenas temos um ou vários ficheiros que ainda não contam uma história. São peças em bruto e têm de ser editadas e ligadas de uma forma que seja agradável e não muito longa.

Este tópico não pretende ensinar a editar vídeos, pretende apenas realçar algumas questões que devem ter em linha de conta, quando quiserem colocar um vídeo na NET.

Características ideais:

- O vídeo não deverá ter mais de 3 a 4 minutos, para não ultrapassar os 10Mb
- Deve ser produzido para o sistema PAL (24 fps)
- Deve ter uma dimensão de 360 x 288
- Se possível deverá ser produzido para larguras de banda de 384 Kbps
- Se conseguirem colocar um título e data ficará melhor
- Se tiver banda sonora ficará de certeza muito mais agradável.
- Ser produzido em formato WMV, MPG ou MOV

Vídeos com mais de 10 Mb demoram mais tempo para serem carregados. Corre-se o risco de correrem aos saltos e poderão desmotivar quem os quer ver. Mas nada vos impede de os colocarem online.

Se os vídeos forem editados, retirando os tempos mortos, os planos tremidos, e os assuntos menos interessantes, quase de certeza que os vídeos não serão nem muito pesados nem chatos.

Eu utilizo o Studio da Pinnacle, para editar e gerar os vídeos para o fórum. Mas muitos outros programas poderão ser utilizados.
Qual é o melhor?
É aquele, em que consigam fazer o que pretendem, sem problemas.

Se o seu equipamento não consegue produzir vídeos no formato mínimo de 360 x 288,
evite filmar acontecimentos muito distantes, pois dada a pequena dimensão do formato que irá ser visualizado, o mais certo é não se conseguir perceber muito o bem o gostaríamos de mostrar.

Os filmes produzidos por telemóveis utilizam diversas dimensões e formatos, mas nem todos serão suportados pelos locais onde poderão alojar os vossos ficheiros. Convêm saber quais os formatos e tamanhos de ficheiros.

Nota importante:
Se a vossa câmara ou telemóvel gravar a menos que 360 x 288, não ampliem o vídeo para este formato, porque da mesma forma que nas fotografias, o resultado final será muito mau.


Tal como para as fotografias, os locais de alojamento poderão ser os mesmos já acima mencionados.

Próximo item do tutorial

7 - Servidor de alojamento de imagens (por FTP) da Ptnauticmodel

Para questões sobre este assunto deverá ser utilizado o tópico “Dúvidas - Tutorial – Tratar e colocar imagens no fórum”.

Avatar do Utilizador
pjesus
Almirante
Almirante
Mensagens: 7278
Registado: quinta ago 10, 2006 10:21 am
Localidade: Sobreda
Localização: Parede
Contacto:

Re: Tutorial – Tratar e colocar imagens no fórum

Mensagem por pjesus » terça mar 02, 2010 10:58 am

Actualização - upload directo de imagens

Agora que podemos anexar imagens directamente nas mensagens resolvi actualizar o tutorial também.

Passos:

1) Debaixo do espaço para escrever a mensagem há a seguinte caixa:
tutorial_anexar_ficheiro_1.jpg
2) Clicar em "Anexos". A caixa muda para a seguinte:
tutorial_anexar_ficheiro_2.jpg
3) Carregar em "Anexar ficheiro" e escolher o(s) ficheiro(s) do computador (pode-se escolher vários ao mesmo tempo!).
tutorial_anexar_ficheiro_3.jpg
4) Depois de adicionados, so ficheiros aparecem numa lista.
Podemos inserir comentários, remover os anexos já adicionados e adicionar outros.
tutorial_anexar_ficheiro_4.jpg
5)Podemos ainda fazer com que a imagem apareça integrada no texto do post e não apenas como anexo.
Para isso, posicionamo-nos no sítio do texto onde queremos a imagem e carregamos em "Insira na linha".
Nesse momento aparece um código deste género:
tutorial_anexar_ficheiro_5.jpg
6) Se carregarmos em "Prever" vamos ver já a imagem inserida no post:
tutorial_anexar_ficheiro_6.jpg
7) Enviar a mensagem (como normalmente)
Ao enviar a mensagem, as imagens serão automaticamente anexadas, como a que se encontra aqui em baixo...
Flyer_plano_cavernas.jpg
Espero que seja útil. Dúvidas: viewtopic.php?f=39&t=586

Tiago

[ Última actualização deste post : 2017.12.29 ]
Não tem Permissão para ver os ficheiros anexados nesta mensagem.

Avatar do Utilizador
paulo agra
Vice-Almirante
Vice-Almirante
Mensagens: 2903
Registado: domingo jun 03, 2007 12:56 am
Localidade: gafanha da nazare
Localização: gafanha da nazare
Contacto:

Tutoriais como colocar fotos

Mensagem por paulo agra » quinta jun 23, 2011 9:15 pm

Para simplificar a inserção de fotos do photobucket (dos outros servidores que hospedam fotos e sensitivamente parecido)
fotos 1.jpg
fotos 1 (2).jpg
fotos 1 (3).jpg
fotos 1 (4).jpg
fotos 1 (5).jpg
Não tem Permissão para ver os ficheiros anexados nesta mensagem.
Última edição por paulo agra em quinta jun 23, 2011 9:50 pm, editado 1 vez no total.

Bloqueado