14.05 Como adicionar imagens ao site no Site.pro

Adicionar imagens no Site.pro serve para personalizar o site com fotos reais da empresa, banners, logotipo, ilustrações, produtos, equipe, ambiente ou elementos gráficos de apoio.
Na prática, isso melhora a apresentação visual, reforça a identidade da marca e torna o conteúdo mais atraente para o visitante.

Como acessar o cPanel

Entre no cPanel usando:

  • https://seudominio.com.br/cpanel
  • https://seudominio.com.br:2083
  • área do cliente MyWay, usando o atalho direto

Depois, abra o Website Builder ou Site.pro na seção Software.

Selecione o domínio correto e abra o projeto que deseja editar antes de inserir ou trocar imagens.

Como adicionar imagens ao site no Site.pro

Entendendo o uso das imagens

As imagens podem ser usadas de várias formas no site, por exemplo:

  • imagem principal do topo
  • fotos de produtos ou serviços
  • logotipo
  • ícones ou artes visuais
  • imagens em galerias
  • fundos de seções
No Site.pro, é comum que as imagens sejam inseridas diretamente em elementos visuais ou enviadas para uma galeria interna do projeto.

Passo 1 – Abrir a página ou bloco onde a imagem será usada

Entre na página desejada dentro do editor e identifique o local onde a imagem deve aparecer.

Isso pode ser:

  • uma imagem isolada
  • um card
  • uma galeria
  • um banner
  • um fundo de seção
Definir o local de uso antes do upload ajuda a escolher a imagem certa para aquele espaço.

Passo 2 – Selecionar o elemento visual

Clique sobre a imagem existente ou sobre o bloco onde a nova imagem será inserida.

Em muitos layouts, o template já vem com fotos de demonstração, que devem ser substituídas.

Não publique o site com imagens genéricas do template se elas não representarem o seu negócio.

Passo 3 – Enviar a imagem

Use a opção de selecionar ou enviar arquivo para carregar a imagem desejada.

Formatos comuns e úteis incluem:

  • JPG ou JPEG
  • PNG
  • WEBP
  • SVG, quando aplicável
Arquivos muito pesados podem deixar a página mais lenta. Sempre que possível, use imagens otimizadas para web.

Passo 4 – Ajustar posicionamento e enquadramento

Depois do upload, revise como a imagem ficou dentro do bloco.

Verifique:

  • corte
  • proporção
  • alinhamento
  • tamanho visível
  • legibilidade do conteúdo ao redor
Uma boa imagem mal enquadrada ainda pode prejudicar o resultado visual. Ajustar o encaixe é tão importante quanto fazer o upload.

Passo 5 – Inserir imagens em galerias

Se a página tiver uma galeria, normalmente será possível adicionar várias imagens.

Isso é útil para:

  • portfólio
  • produtos
  • fotos da empresa
  • antes e depois
  • eventos
Em galerias, além da imagem, também pode ser interessante revisar títulos, descrições e links associados a cada item.

Passo 6 – Verificar o impacto no layout

Depois de adicionar as imagens, revise a página inteira para confirmar se:

  • o carregamento visual ficou equilibrado
  • as imagens não quebraram o alinhamento
  • os textos ainda estão legíveis
  • não há exagero de imagens na mesma área
Imagens demais podem poluir visualmente a página e atrapalhar a leitura do conteúdo principal.

Dicas práticas para escolher boas imagens

  • prefira imagens reais da empresa ou do serviço
  • evite fotos desfocadas ou esticadas
  • use logotipo em boa resolução
  • mantenha coerência de estilo entre as imagens
  • sempre revise a visualização final
Imagens de boa qualidade passam mais credibilidade e aumentam o valor percebido do site.

Resultado esperado

Ao final, as imagens deverão estar inseridas corretamente no projeto.

  • fotos carregadas com sucesso
  • layout visual atualizado
  • galeria ou banners personalizados
  • site mais alinhado com a identidade da marca
Depois disso, basta salvar e publicar para que as novas imagens apareçam no site público.

Resumo

Para adicionar imagens no Site.pro:

1. Entre no Website Builder
2. Abra a página desejada
3. Selecione o elemento visual
4. Faça upload da nova imagem
5. Ajuste enquadramento e posição
6. Revise o layout completo
7. Salve e publique

Na prática, isso permite personalizar o site com fotos, banners, logotipo e galerias próprias.
Sempre que possível, use imagens otimizadas para web para evitar lentidão desnecessária na abertura do site.

Atenciosamente,
MyWay Hosting
Servidores Otimizados por inteligência artificial
www.myway.com.br

  • 0 Usuários acharam útil
Esta resposta lhe foi útil?

Artigos Relacionados

14.01 Como acessar o construtor de sites Site.pro no cPanel

A opção Site.pro no cPanel serve para abrir o construtor visual de sites da hospedagem,...

14.02 Como criar um site com Site.pro

A opção criar um site com Site.pro serve para montar um website visualmente, usando recursos...

14.03 Como escolher template no Site.pro

A opção de escolher template no Site.pro serve para definir a base visual do site, incluindo...

14.04 Como editar páginas no construtor Site.pro

A edição de páginas no Site.pro serve para alterar o conteúdo e a aparência do site,...

14.06 Como adicionar formulário de contato no Site.pro

Adicionar um formulário de contato no Site.pro serve para permitir que visitantes enviem...