> ## Documentation Index
> Fetch the complete documentation index at: https://docs.topsort.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Redimensionamento de imagens através de IA para anúncios publicitários em banners

> Redimensiona automaticamente as imagens dos banners para um posicionamento ótimo

export const LastUpdatedPt = ({date}) => {
  const label = "Última atualização:";
  return <>
      <style>{`
        .last-updated-component {
          display: inline-flex;
          align-items: center;
          gap: 8px;
          padding: 10px 16px;
          border-radius: 8px;
          margin-top: 12px;
          margin-bottom: 16px;
          font-size: 14px;
          background-color: rgba(0, 0, 0, 0.05);
          border: 1px solid rgba(0, 0, 0, 0.12);
          color: rgba(0, 0, 0, 0.75);
          line-height: 1;
        }

        .last-updated-component svg {
          flex-shrink: 0;
          vertical-align: middle;
        }

        .last-updated-component span {
          display: inline-flex !important;
          align-items: center !important;
          line-height: 1 !important;
        }

        [data-theme="dark"] .last-updated-component {
          background-color: #3a3a3a;
          border: 2px solid #888888;
          color: #ffffff;
        }

        [data-theme="dark"] .last-updated-component svg {
          stroke: #ffffff;
        }
      `}</style>
      <div className="last-updated-component">
        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
          <circle cx="12" cy="12" r="10" />
          <polyline points="12 6 12 12 16 14" />
        </svg>
        <span>
          <strong style={{
    fontWeight: 600
  }}>{label}</strong> 
          <time dateTime={date}>{date}</time>
        </span>
      </div>
    </>;
};

<div style={{textAlign: 'justify', marginBottom: '1.5rem'}}>
  A tecnologia de redimensionamento de imagens com IA da Topsort melhora a otimização dos banners publicitários para diferentes posicionamentos. Em vez de recortar ou esticar manualmente, nossa IA avançada adapta de forma inteligente suas imagens a qualquer dimensão de espaço, preservando a integridade da marca e a qualidade visual.
</div>

## Como funciona o redimensionamento através de IA

<div style={{textAlign: 'justify', marginBottom: '1.5rem'}}>
  Ao fazer o upload de uma imagem durante a criação de uma campanha de banners, nosso sistema detecta automaticamente se as dimensões da imagem não coincidem exatamente com o espaço selecionado. Em vez de simplesmente recortar ou distorcer a imagem, Topsort utiliza tecnologia de IA generativa para reenquadrar e ampliar o anúncio de forma inteligente.
</div>

### A tecnologia por trás

<div style={{textAlign: 'justify', marginBottom: '1.5rem'}}>
  Nosso sistema de redimensionamento através de IA baseia-se nas capacidades de reenquadramento de **[Ideogram V3](https://developer.ideogram.ai/api-reference/api-reference/reframe-v3)**, um modelo de IA generativo de última geração especializado na extensão e adaptação de imagens. Esta tecnologia:
</div>

<div style={{textAlign: 'justify', marginBottom: '1.5rem'}}>
  * **Analisa sua imagem original** para compreender a composição, o tema e os elementos visuais
  * **Estende de forma inteligente os fundos** e os elementos contextuais para preencher novas dimensões
  * **Preserva os pontos focais**, assegurando que sua mensagem principal e sua marca permaneçam proeminentes
  * **Mantém a coerência visual** para que as áreas estendidas se integrem perfeitamente com o conteúdo original
</div>

### Fluxo de trabalho de processamento inteligente

<div style={{textAlign: 'justify', marginBottom: '1.5rem'}}>
  \*\*<Frame> <img src="https://mintcdn.com/topsort/JfdWUceY7Se3NW-0/images/knowledge-base/ai-resizing-image-v2.webp?fit=max&auto=format&n=JfdWUceY7Se3NW-0&q=85&s=7049957560b5cb1c824523246ffe558a" alt="Interface de redimensionamento por IA que mostra a imagem redimensionada com opções" width="2533" height="1824" data-path="images/knowledge-base/ai-resizing-image-v2.webp" /></Frame> \*\*
</div>

1. **Detecção de upload**: Depois de carregar sua imagem e selecionar um espaço para banner, o sistema identifica automaticamente as discrepâncias nas dimensões
2. **Geração por IA**: O algoritmo de reenquadramento processa a imagem, estendendo-a e adaptando-a para que coincida com as dimensões do espaço objetivo
3. **Otimização para dispositivos**: São criadas versões independentes para móveis e computadores, cada uma otimizada para a experiência de visualização correspondente
4. **Revisão do usuário**: A interface mostra a mensagem "Esta imagem foi redimensionada através de IA" com opções claras para continuar

### Opções de controle do usuário

<div style={{textAlign: 'justify', marginBottom: '1.5rem'}}>
  Quando é ativado o redimensionamento através de IA, você tem controle total sobre o resultado final:
</div>

<div style={{textAlign: 'justify', marginBottom: '1.5rem'}}>
  * **Redimensionamento automático**: Gera uma nova versão otimizada por IA com uma interpretação criativa diferente
  * **Confirmar recorte**: Aceitar a versão atual redimensionada por IA
  * **Usar uma imagem diferente**: Começar de novo com uma imagem de origem diferente
</div>

## Benefícios chave

### Eficiência em tempo e custos

<div style={{textAlign: 'justify', marginBottom: '1.5rem'}}>
  Elimina a necessidade de edição manual de imagens, recursos de design gráfico ou múltiplas versões de imagens. Faça o upload da imagem uma só vez e deixe que a IA cuide da adaptação técnica.
</div>

### Resultados de qualidade profissional

<div style={{textAlign: 'justify', marginBottom: '1.5rem'}}>
  Cada imagem redimensionada mantém padrões profissionais com:
</div>

<div style={{textAlign: 'justify', marginBottom: '1.5rem'}}>
  * Qualidade visual uniforme em todos os posicionamentos
  * Integração perfeita de elementos estendidos
  * Preservação das cores e do estilo da marca
  * Extensões de fundo contextualmente apropriadas
</div>

### Consistência de marca

<div style={{textAlign: 'justify', marginBottom: '1.5rem'}}>
  Sua mensagem principal e identidade visual permanecem intactos ao mesmo tempo que se adaptam a novas dimensões. A IA compreende a importância de:
</div>

<div style={{textAlign: 'justify', marginBottom: '1.5rem'}}>
  * Posicionamento e visibilidade do logotipo
  * Imagens chave do produto
  * Legibilidade e posicionamento do texto
  * Estética geral da marca
</div>

### Otimização responsiva

<div style={{textAlign: 'justify', marginBottom: '1.5rem'}}>
  Cria automaticamente versões específicas para cada dispositivo, garantindo:
</div>

<div style={{textAlign: 'justify', marginBottom: '1.5rem'}}>
  * **Telas de desktop**: Otimizadas para telas maiores com relações de aspecto adequadas
  * **Dispositivos móveis**: Adaptado para telas menores com elementos táteis
  * **Consistência multiplataforma**: Experiência de marca unificada em todos os dispositivos
</div>

## Quando é ativado o redimensionamento por IA

<div style={{textAlign: 'justify', marginBottom: '1.5rem'}}>
  A função de redimensionamento por IA é ativada automaticamente para:
</div>

<div style={{textAlign: 'justify', marginBottom: '1.5rem'}}>
  * **Upload de imagens** ao criar novas campanhas de banners
  * **Seleção de slot** que requer dimensões diferentes das da imagem carregada
  * **Segmentação de dispositivos** que requer variantes para móveis e computadores de mesa
  * **Aplicações de modelos** onde é necessário ajustar as dimensões da imagem
</div>

<div style={{textAlign: 'justify', marginBottom: '1.5rem'}}>
  O sistema é inteligente o suficiente para ativar-se apenas quando for benéfico, preservando assim as imagens originais quando já se ajustam perfeitamente às dimensões objetivo.
</div>

## Melhores práticas para o redimensionamento através de IA

<div style={{textAlign: 'justify', marginBottom: '1.5rem'}}>
  Para obter resultados ótimos do redimensionamento através de IA:
</div>

### Qualidade da imagem de origem

<div style={{textAlign: 'justify', marginBottom: '1.5rem'}}>
  * Utilize imagens de alta resolução (recomenda-se um mínimo de 1920x1080)
  * Assegurar que as imagens do produto ou da marca sejam claras e bem iluminadas
  * Evite imagens com elementos importantes muito próximos das bordas
</div>

### Considerações de composição

<div style={{textAlign: 'justify', marginBottom: '1.5rem'}}>
  * Centralize os elementos chave e o texto para uma melhor interpretação por IA
  * Utilize imagens com fundos expansíveis (céu, cores sólidas, padrões)
  * Assegurar um contraste suficiente entre os elementos do primeiro plano e do fundo
</div>

### Elementos da marca

<div style={{textAlign: 'justify', marginBottom: '1.5rem'}}>
  * Mantenha os logotipos e o texto principal afastados das bordas da imagem
  * Utilize cores de marca consistentes que a IA possa estender de forma natural
  * Considere como funciona sua mensagem em diferentes relações de aspecto
</div>

## Começando

<div style={{textAlign: 'justify', marginBottom: '1.5rem'}}>
  Pronto para experimentar o redimensionamento com IA? Simplesmente [crie uma nova campanha de banners](/pt/knowledge-base/ad-platform/banners/banner-ads-campaigns/) e faça o upload de suas imagens. A IA cuidará automaticamente da otimização de dimensões, permitindo que você se concentre na estratégia e no desempenho da campanha em vez de nos ajustes técnicos das imagens.
</div>

***

<LastUpdatedPt date="2025-11-18" />
