Dimensões de Imagens do Site Admininstrável

📝 TUTORIAL | Dimensões de Imagens do Site

🧭 Introdução

Para que as imagens sejam exibidas corretamente no site da rádio, é importante utilizar as dimensões recomendadas para cada tipo de conteúdo. As dimensões são informadas em pixels (px) e devem ser respeitadas para evitar imagens distorcidas, cortadas ou com baixa qualidade.

⚙️ Pré-requisitos

  • Ter as imagens que serão utilizadas no site.
  • Preparar cada imagem de acordo com a dimensão recomendada para o respectivo conteúdo.

🔢 Passo a Passo

  1. Prepare a Logo da Rádio
    1. Utilize a dimensão de 186 × 69 px.
    2. O formato recomendado é PNG ou JPG.
    3. Mantenha a proporção original da logo para evitar que ela fique achatada ou esticada.
  2. Prepare o Ícone do Navegador
    1. Utilize a dimensão de 192 × 192 px.
    2. O formato recomendado é PNG.
    3. Como a imagem é quadrada, prefira utilizar um símbolo ou uma versão simplificada da logo que continue visível mesmo em tamanhos menores.
  3. Prepare a Capa de Notícias
    1. Utilize a dimensão de 480 × 320 px.
    2. A imagem possui proporção 3:2.
    3. Utilize-a para representar uma notícia no site.
  4. Prepare a Capa de Top Músicas
    1. Utilize a dimensão de 240 × 240 px.
    2. A imagem possui proporção 1:1.
    3. Recomenda-se utilizar a capa original do álbum ou uma arte relacionada à música.
  5. Prepare a Capa de Eventos
    1. Utilize a dimensão de 569 × 320 px.
    2. A imagem possui proporção de aproximadamente 16:9.
    3. Utilize-a para divulgar visualmente eventos, shows, festas e outras programações.
  6. Prepare as imagens para Anúncios
    1. Para o formato horizontal, utilize 728 × 90 px.
    2. Para o formato quadrado, utilize 400 × 400 px.
    3. Ao criar o anúncio, escolha o formato correspondente à imagem que será utilizada.
  7. Prepare a Capa de Álbum de Fotos
    1. Utilize a dimensão de 320 × 320 px.
    2. A imagem possui proporção 1:1.
    3. Escolha, preferencialmente, uma imagem que tenha o elemento principal centralizado.

💻 Exemplos Práticos

Logo:                  186 × 69 px
Ícone do navegador:    192 × 192 px
Capa de Notícias:      480 × 320 px
Capa de Top Músicas:   240 × 240 px
Capa de Eventos:       569 × 320 px
Anúncio horizontal:    728 × 90 px
Anúncio quadrado:      400 × 400 px
Capa de Álbum:         320 × 320 px

💡 Dicas e Boas Práticas

  • Sempre que possível, prepare a imagem já na dimensão indicada para cada campo.
  • Utilizar as dimensões recomendadas ajuda a manter o padrão visual do site.
  • As dimensões corretas ajudam a evitar que a plataforma redimensione ou corte a imagem automaticamente.
  • Para imagens quadradas, como capas de Top Músicas e álbuns de fotos, mantenha o elemento principal centralizado.
  • Para a logo, mantenha a proporção original para evitar que ela fique achatada ou esticada.

✅ Conclusão

Utilizar as dimensões recomendadas para cada tipo de imagem ajuda a garantir uma apresentação adequada dos conteúdos no site da rádio. Antes de cadastrar uma imagem, verifique a dimensão correspondente ao campo e prepare o arquivo no tamanho indicado.