Ao publicar um post de notícias em um site de comunicação do SharePoint, a imagem em destaque geralmente fica distorcida ou cortada incorretamente em dispositivos móveis. Isso acontece porque o SharePoint aplica uma proporção fixa à miniatura da imagem, e a imagem selecionada não corresponde a essa proporção. Neste artigo, você aprenderá por que o corte ocorre e como preparar suas imagens para que sejam exibidas corretamente em telas de celular.
Principais conclusões: Corrigir corte de imagem em posts de notícias no celular
- Imagem em destaque do post de notícias do SharePoint: Usa proporção 16:9 para miniaturas. Enviar uma imagem com proporção diferente causa corte.
- Preparação da imagem antes do upload: Corte sua imagem para 1200 x 675 pixels (16:9) usando qualquer editor de fotos para garantir a exibição correta.
- Configurações de imagem da web part de notícias do SharePoint: Você pode ajustar o ponto focal e escolher entre modos de imagem de fundo ou inline para controlar o comportamento de corte.
Por que o SharePoint corta imagens de posts de notícias no celular
O SharePoint usa uma proporção fixa de 16:9 para a imagem em destaque em posts de notícias. Quando você envia uma imagem com proporção diferente, o SharePoint a corta automaticamente para se ajustar ao quadro 16:9. O corte não é aleatório — o SharePoint tenta manter o centro da imagem visível. Em dispositivos móveis, a área da miniatura é mais estreita, o que pode tornar o corte mais agressivo ou cortar partes importantes da imagem.
O corte ocorre em dois níveis. Primeiro, ao definir a imagem em destaque no editor de posts de notícias, o SharePoint gera uma miniatura em 16:9. Segundo, quando a web part de notícias renderiza em uma tela móvel, o navegador redimensiona ainda mais a imagem para caber na largura do dispositivo. Se a imagem original tinha orientação retrato alta, a parte superior e inferior são cortadas. Se a imagem era muito larga, as bordas esquerda e direita são cortadas.
O recurso responsável por isso é a Web Part de Notícias na página inicial ou em uma página do site do SharePoint. Ela usa um estilo de imagem de fundo que preenche o contêiner. Não há configuração na web part de notícias para alterar a proporção. O único controle que você tem é a imagem que envia e o ponto focal que define no editor de posts de notícias.
Passos para preparar imagens para exibição correta no celular
- Abra sua imagem em um editor de fotos
Use qualquer ferramenta que possa cortar imagens: Microsoft Photos, Paint, Adobe Photoshop ou um editor online gratuito como Pixlr ou Canva. Você precisa definir a proporção para 16:9 e a resolução para pelo menos 1200 pixels de largura. - Corte a imagem para 1200 x 675 pixels
Defina a ferramenta de corte para uma proporção fixa de 16:9. Em seguida, redimensione a imagem para que a largura seja exatamente 1200 pixels e a altura 675 pixels. Isso garante que o SharePoint não precise cortar nada — a imagem já corresponde ao quadro da miniatura. - Salve a imagem com um nome de arquivo descritivo
Use um nome como “news-header-innovation.jpg” ou “event-announcement-16×9.png”. Evite espaços e caracteres especiais. Salve o arquivo em uma pasta no seu computador ou diretamente na biblioteca de ativos do site do SharePoint. - Envie a imagem para a biblioteca de ativos do site do SharePoint
Vá para o seu site de comunicação. Selecione Conteúdo do site > Ativos do site. Escolha Enviar e selecione sua imagem cortada. Alternativamente, você pode enviar diretamente no editor de posts de notícias. - Crie um novo post de notícias ou edite um existente
Na página inicial do site, selecione + Novo > Post de notícias. Ou abra um post existente e selecione Editar. - Defina a imagem em destaque
No editor de posts de notícias, selecione o espaço reservado para imagem no topo. Escolha Alterar imagem. Navegue até a pasta Ativos do site e selecione sua imagem de 1200 x 675. Selecione Abrir e depois Inserir. - Defina o ponto focal
Após inserir a imagem, passe o mouse sobre ela e selecione o ícone Definir ponto focal (um símbolo de mira). Clique na parte mais importante da imagem — por exemplo, o rosto de uma pessoa ou um produto. Isso informa ao SharePoint qual área manter visível se ainda houver corte em telas muito pequenas. - Publique o post de notícias
Selecione Publicar notícias ou Republicar. Abra o site em um dispositivo móvel ou use as ferramentas de desenvolvedor do navegador para testar a exibição.
Método alternativo: Use a Web Part de Imagem
- Edite a página do site
Abra a página onde a web part de notícias está localizada. Selecione Editar no canto superior direito. - Remova a web part de notícias
Selecione a web part de notícias e escolha Excluir na barra de ferramentas. - Adicione uma web part de imagem
Selecione o ícone + na página. Escolha Imagem na galeria de web parts. - Configure a web part de imagem
Selecione Alterar imagem e envie sua imagem 16:9. Nas propriedades da web part de imagem, defina o Tamanho da imagem como Ajustar ou Preencher. Ajustar preserva a imagem inteira sem cortes. Preencher corta para preencher o contêiner, mas respeita o ponto focal. - Adicione um hiperlink para o post de notícias
Nas propriedades da web part de imagem, expanda Link. Cole a URL do post de notícias completo. Selecione Aplicar e depois Publicar.
Problemas comuns com corte de imagem em posts de notícias
Imagem ainda cortada após enviar imagem 16:9
Se você enviou uma imagem 16:9 mas a miniatura ainda parece cortada, verifique as dimensões da imagem. Algumas imagens têm proporção 16:9 mas são menores que 1200 pixels de largura. O SharePoint pode redimensioná-las e depois cortar novamente. Use uma imagem com pelo menos 1200 pixels de largura. Verifique também se você definiu o ponto focal — sem ele, o SharePoint usa o centro da imagem por padrão, o que pode cortar as bordas.
Miniatura do post de notícias parece boa no desktop mas não no celular
Isso é comportamento normal. Telas de desktop têm um layout mais largo, então a miniatura 16:9 se ajusta sem cortes visíveis. Telas de celular são mais estreitas e mais altas, então a mesma miniatura parece menor e o corte se torna mais perceptível. A solução é usar uma imagem onde o assunto principal esteja centralizado e ocupe pelo menos os 60% centrais do quadro. Evite colocar texto importante ou rostos nas bordas da imagem.
Qualidade da imagem parece borrada no celular
O SharePoint compacta imagens para reduzir o tempo de carregamento da página. Se a imagem original for de baixa resolução, a compactação a deixa borrada. Envie imagens com largura mínima de 1200 pixels e tamanho de arquivo abaixo de 2 MB. Use formato JPEG para fotografias e PNG para gráficos com texto. Não use arquivos BMP ou TIFF — eles são muito grandes e o SharePoint os compactará agressivamente.
Métodos de exibição de imagem em posts de notícias: Fundo vs Inline
| Item | Imagem de Fundo (Web Part de Notícias) | Imagem Inline (Web Part de Imagem) |
|---|---|---|
| Comportamento de corte | Sempre corta para 16:9, sem opção de redimensionamento | Modo Ajustar mostra imagem completa, modo Preencher corta para o contêiner |
| Responsividade móvel | Redimensiona com o contêiner, pode cortar bordas | Modo Ajustar preserva proporção, modo Preencher corta |
| Suporte a ponto focal | Sim, definido no editor de posts de notícias | Sim, definido nas propriedades da web part de imagem |
| Hiperlink para o post completo | Automático, clique no título ou imagem | Deve ser adicionado manualmente nas propriedades da web part |
Agora você pode preparar suas imagens de posts de notícias para exibição correta em qualquer dispositivo móvel. Comece cortando cada imagem em destaque para 1200 x 675 pixels usando um editor de fotos. Defina o ponto focal na área mais importante da imagem. Se a web part de notícias ainda cortar de forma muito agressiva, substitua-a por uma web part de imagem usando o modo Ajustar e vincule-a ao post de notícias completo. Para controle avançado, use o módulo PnP PowerShell do SharePoint para atualizar em lote as imagens de posts de notícias com as dimensões corretas.