O tamanho certo da imagem para o seu sítio Web: 10 Minutos segunda-feira

Video abaixo mostra como encontro o tamanho de imagem certo para qualquer projecto de website

O quê? Sem imagens?

Se for como a maioria das pessoas, quando descarregou o seu primeiro tema WordPress perguntou-se o que aconteceu às imagens – aquelas mesmas imagens que o fizeram querer comprar esse tema.

Após ter superado a sua primeira GRANDE desilusão, de que o seu tema NÃO veio com imagens, a próxima pergunta que provavelmente se fez a si próprio foi: ‘Como é que faço para que o meu tema WordPress se pareça com a demonstração?’

Se começar por descobrir que tamanho de imagem o seu tema demo usou, em breve terá um site que é melhor do que o demo porque terá imagens que melhor o representam a si e ao seu negócio.

O tamanho certo da imagem

Quando estou a construir um site WordPress para os meus clientes, normalmente preciso de 4 imagens de tamanho diferente:

  1. página de rosto / imagem de cabeçalho de página (também conhecida como imagem de herói)
  2. banners de cabeçalho de página,
  3. imagens de posts de blog, e
  4. imagens de barras laterais.

Como encontrar o tamanho certo

A informação sobre o MEDIA SETTINGS sob APPEARANCE é um óptimo lugar para começar porque lhe dará…

  • a melhor largura de imagem para um post de blog (1024 é para o tema Showcase Pro), e
  • que tamanho de imagem funcionará melhor na barra lateral do seu tema (300)

…MAS não lhe dará dimensões para a sua página HOME / Front Page Header Image ou banners de cabeçalho de página.

Encontrará o tamanho para a sua página INÍCIO / Primeira Página Tamanho da imagem de cabeçalho sob APEARANÇA -> CUSTOMIZE -> IMAGEM DO CABEÇALHO DE PÁGINA FRONTEIRA.

Neste exemplo, o tamanho é 1600 px X 1050 px.

Faixas de cabeçalho de página

Encontrar este tamanho é um pouco mais complicado.

Por exemplo, o banner de cabeçalho de demonstração da página TEAM do Showcase Pro é muito mais fino do que a imagem de cabeçalho da página HOME / Front Page, MAS a documentação do tema não me diz qual o tamanho para fazer o banner de cabeçalho da página TEAM.

Para encontrar o banner de cabeçalho de qualquer página Tamanho da imagem

Introduzir o URL da demonstração do seu tema no browser Firefox. Use o Firebug para obter as dimensões exactas da imagem que foram usadas.

  1. Direita + Clique / Controlo + Clique (Mac) na página web
  2. Escolha Ver Info da Página
  3. Escolha Media
  4. Cortar para Fundo
  5. Seleccionar a imagem que é a mesma que o banner do cabeçalho
  6. Dimensões: dá-lhe o tamanho exacto da imagem utilizada na demonstração do tema

O tamanho do banner de cabeçalho TEAM é a dimensão exacta do banner de cabeçalho da página HOME (1600 px X 1050 px), apesar de exibir mais fino.

p>

Veja o vídeo abaixo para ver como utilizo o Firefox para encontrar o tamanho de imagem correcto.

O quê?!! Nem todas as imagens de cabeçalho são do mesmo tamanho

Quando verifiquei a bandeira de cabeçalho BLOG, fiquei surpreendido por saber que não era do mesmo tamanho que a bandeira de cabeçalho TEAM. Em vez de ser 1600 x 1050, era 1800 px X 960px.

Os banners de cabeçalho deste tema serão redimensionados para manter o aspecto consistente em todo o website.

O seu desafio de design será encontrar imagens que pareçam boas em espaços longos e estreitos.

O tamanho da imagem do post do blogue “Certo”

Você vai usar estes mesmos passos para encontrar o tamanho da imagem do post do seu blog de demonstração do tema:

  • Direito + Clique / Controlo + Clique (Mac) na página web
  • Escolha Ver Info da Página
  • Escolha Media
  • Coloque até Fundo
  • Selecione a imagem que é a mesma que o banner de cabeçalho
  • Dimensões: dá-lhe o tamanho exacto da imagem utilizada na demonstração do tema
900 px X 600 px

Dica final

Imagens para a web devem ser 72 dpi e RGB.

Imagens para a impressão devem ser de 300 dpi e CMYK.

Veja-me Usar Firefox para encontrar o tamanho certo da imagem na Demo Temática

Need Help With Your Images?

Juntem-me durante 10 Minutos na segunda-feira onde partilho dicas e truques para não designers que queiram melhorar a sua imagem profissional.

P>Pode também telefonar-me ou enviar-me um e-mail, em qualquer altura. Contacto

Juntem-me em directo na minha próxima segunda-feira de 10 minutos

Receba um convite para se juntar a mim AO VIVO na minha próxima segunda-feira de 10 minutos, e receba uma lista dos meus recursos gratuitos favoritos para grandes fotografias que pode utilizar no seu website ou em qualquer projecto.

É AO VIVO e apenas 10 minutos. As sessões são curtas e focadas num tópico.

E porque é AO VIVO pode fazer perguntas. Também tento manter as sessões curtas porque sei que está ocupado e não tem tempo a perder.

Deixe uma resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *