[TUTORIAL] Inserindo imagem com auto resize.(800px para 1024px)

Edição de Fotografias
#1

Olá,

Conforme as regras do site, qualquer imagem postada diretamente no tópico deve ter no máximo 800px no lado maior.
Como este tamanho já está ficando pequeno para alguns monitores (19" ou mais), resolvi criar um tutorial que ensina a postar a foto dentro das regras, porem com um “link” para uma foto maior (1024px no lado maior), assim cada um visualiza a imagem conforme o tamanho do monitor e o gosto pessoal.

Lembrando que este tutorial é valido para fotos que estão armazenadas no flickr.

1° Passo: Faça o upload da imagem em tamanho original para o flickr.

2° Passo: Entre na página da foto e acesse a guia “compartilhar”.

3º Passo: Acesse “Obter o HTML/BBCode”; selecione BBCode; tamanho grande ou 1024; copie o código.

4ºPasso: Este código será usado diretamente no tópico, porém com algumas alteraçãoes;


[![](http://farm8.staticflickr.com/7202/6930625769_4cd9fa2858_b.jpg)](http://www.flickr.com/photos/pedro-gabriel/6930625769/)
[url=http://www.flickr.com/photos/pedro-gabriel/6930625769/]DSC_8273[/url] por [url=http://www.flickr.com/people/pedro-gabriel/]PeDrO_gAbRiEl[/url], no Flickr

5° Passo: Na primeira linha retire a primeira parte até onde começa o código “img” e depois no final da primeira linha retire o “url”.
Esta parte retirada é responsável por direcionar o usuário a página do flickr ao clicar na foto, mas não queremos isto.
Até aqui o código irá ficar assim:


http://farm8.staticflickr.com/7202/6930625769_4cd9fa2858_b.jpg

[url=http://www.flickr.com/photos/pedro-gabriel/6930625769/]DSC_8273[/url] por [url=http://www.flickr.com/people/pedro-gabriel/]PeDrO_gAbRiEl[/url], no Flickr

6° Passo: Agora iremos adicionar ao código qual tamanho de exebição queremos a foto (800px pelas regras do fórum).
Adicione “width=800” se a foto estiver na horizontal ou “height=800” se a foto estiver na vertical.

ficando assim:


http://farm8.staticflickr.com/7202/6930625769_4cd9fa2858_b.jpg

[url=http://www.flickr.com/photos/pedro-gabriel/6930625769/]DSC_8273[/url] por [url=http://www.flickr.com/people/pedro-gabriel/]PeDrO_gAbRiEl[/url], no Flickr

7° Passo: Seu código está pronto; após fazer a postagem a foto ficará com 800px inicialmente, e se a pessoa clicar nela aumentará o tamanho p/ 1024px.
Não se esqueça de escrever “Clique na foto para aumentar a visualização”.

Clique na foto para aumentar a visualização

DSC_8273 por PeDrO_gAbRiEl, no Flickr

#2

Muito bom, Obrigado!

#3

:clap: :clap: :clap: :clap: :clap:

Só um detalhezinho: acho que você queria dizer “height=800”

#4

isto… :ok:

#5

Um detalhe que é BASTANTE importante, e que pra mim, tem mais importância do que o tamanho da foto, já que uma foto pode ser grande e leve:

“3.1. As imagens postadas diretamente nos tópicos poderão ter no máximo 800 pixels em seu lado maior
e 500KB

.”

é importantíssimo se atentar a isso, pois não adianta colocar aqui uma foto de 5 MB de tamanho, com auto resize. Ela continuará pesadíssima, e deixando a rolagem da página leeeeenta…

#6

:clap: :clap: :ok:

O Luiz que vai gostar!

Vlw moçada!

#7

sempre que é feito o upload para o flickr ele redimensiona a imagem.
Somente contas Pro ficam com o arquivo original o resto tem sua imagem redimensionada para o maximo de 1024px, se voce der uma olhada no tamanho de várias imagens com este tamanho no flickr vai notar que nenhuma passa de 1Mb.

Se você olhar esta foto que eu usei de exemplo irá notar que em 1024 ela tem 190Kb, sendo que quando fiz o upload ela tinha 4Mb.

abs pedro

#8

Master

#9

:ok:

#10

:clap: :clap: :clap: :clap:Grande Idéia coisa de genio :worship: :worship: :worship:

#11

Gostei… vou experimentar! :ok: :ok:

#12

Aproveitando o gancho da Helena, quero dar uma dica que pode ser útil em relação ao tamanho da imagem, seu peso em MB, uma vez que nao deve passar de 500kb.

Dêem uma olhada neste software, reduz o tamanho da foto comprometendo o minimo sua qualidade
http://imageoptim.com/. Utilizo em minhas fotos.

Para quem quiser conferir o resultado final fiquem a vontade para vasculhar meu blog www.willianepriscilalima.com.br/blog. Praticamente quase todas as fotos utilizo esse software.

Abraços.

#13

1 - Teste por mrferreira, no Flickr


O meu não funciona… O codigo abaixo foi como eu fiz !

['img height=800]http://farm8.staticflickr.com/7047/6836801174_accd656fd3_b.jpg[/img]
['url=DSCF0119 | Marcelo Rodrigues Ferreira | Flickr]1 - Teste [/url] por ['url=About Marcelo Rodrigues Ferreira | Flickr]mrferreira[/url], no Flickr

#14

Só vai funcionar se você postar a foto no flickr com mais de 1024.
como esta foto tem originalmente 800px não funciona.

#15

Só notem que não é preciso necessariamente ser uma foto do Flickr.
Qualquer link direto de um arquivo “.jpg” vai funcionar… como no exemplo que usei uma foto minha que está no Facebook…
…mas show de bola… adorei!!! Parabéns!
Abraços!!!

http://a8.sphotos.ak.fbcdn.net/hphotos-ak-snc7/427171_392166724127819_100000034830557_1575887_1982103952_n.jpg

#16

…teste…

https://lh5.googleusercontent.com/-JMN_nsRbMm4/ULEqCf8GB4I/AAAAAAAAA2Q/hkoNlKec1Xg/s640/m_IMG_8405.jpg

#17

Teste - ressuscitando o tópico :assobi: :assobi:

[img]http://farm8.staticflickr.com/7438/11480457004_b6e3eb685a.jpg[img]
Morcego Urbano porFelippe, no Flickr

#18

:aua: :aua: :aua: Saco, não acertei. Aceito ajuda!

#19

No caso aqui não é pra isso.

Usa a área de teste e veja se já não tem lá como fazer

#20

Passando para agradecer a ajuda. :stuck_out_tongue: Foi através desse tutorial que aprendi como postar fotos aqui no fórum. o/