Postado em: 29/08/2016 às 00:27 - Por: Neli Carpinter

Olá!
Você já observou que depois que o facebook mudou o layout das páginas a foto de capa fica diferente no desktop e no celular? Agora ela precisa ser otimizada para que no celular ela não seja cortada.
Pois bem, pesquisei e descobri através do sitesweb como fazer.
Você pode optar pelo modo que o site apresenta ou pelo jeito que fiz.
Eu fiz assim:
– Abri minha capa que tinha o tamanho 828 X 315 pixels

capa-face-vidaquesegue1

– Cliquei em image > canvas size

capa-face-vidaquesegue2

– troquei o 315 pixels do height por 475

capa-face-vidaquesegue3

– Ficou assim:

capa-face-vidaquesegue4

– Posicionei a imagem no topo

capa-face-vidaquesegue5

– Na parte transparente adicionei um retângulo branco e salvei a imagem

capa-face-vidaquesegue6

– Abri a página no facebook e carreguei a imagem

capa-face-vidaquesegue7

 

– Posicionei de modo que o retângulo branco ficasse todo escondido. No desktop ela ficou assim:

capa-face-vidaquesegue8

– e no celular assim:

capa-face-vidaquesegue9

Eu optei por deixar branco, o que não influenciou no modo de exibição, mas se quiser, pode fazer colorido, colocar algum aviso, frase ou qualquer outra coisa que desejar.

Se esse post lhe ajudou deixe um comentário. Eu lhe agradeço.

Posts Relacionados:
♥ ♥ ♥ Comentários ♥ ♥ ♥

(*) Campos Requeridos



Em 30-08-2016 às 12:31 am

Odeio essas mudanças constantes que o Facebook faz. Eu gosto de deixar coloridinha a imagem, mas gostei como vc fez a sua.
🙂
Bom tutorial.
Te indiquei para uma tag lá no blog.
Bjuxxxxx


    Em 03-09-2016 às 4:00 pm

    Oi Poly!
    Também não gosto dessas mudanças, mas já que faz temos que correr atrás para corrigir o que fica estranho neh?
    Vou lá ver a tag e fazer.
    Bjuss