> ## 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.

# AI Image Resizing for Banner Ads [Alpha]

> Automatically resize banner images with AI technology for optimal placement

export const ChangelogActions = () => {
  return <>
      <style>{`
        .changelog-actions {
          display: flex;
          justify-content: center;
          gap: 12px;
          margin-top: 2rem;
          padding-top: 1.5rem;
          border-top: 1px solid #e5e7eb;
        }
        
        [data-theme="dark"] .changelog-actions {
          border-top-color: #374151;
        }
        
        .changelog-btn {
          display: inline-flex;
          align-items: center;
          gap: 6px;
          padding: 8px 16px;
          border-radius: 9999px;
          border: 1px solid #d1d5db;
          background: transparent;
          color: #6b7280;
          font-size: 14px;
          cursor: pointer;
          transition: all 0.2s ease;
        }
        
        .changelog-btn:hover {
          border-color: #9ca3af;
          background: #f9fafb;
        }
        
        [data-theme="dark"] .changelog-btn {
          border-color: #4b5563;
          color: #9ca3af;
        }
        
        [data-theme="dark"] .changelog-btn:hover {
          border-color: #6b7280;
          background: #1f2937;
        }
      `}</style>
      <div className="changelog-actions">
        <button className="changelog-btn" onClick={() => {
    const btn = event.target.closest("button");
    btn.innerHTML = "❤️ Like";
    btn.style.borderColor = "#ec4899";
  }}>
          🤍 Like
        </button>
        <button className="changelog-btn" onClick={() => {
    const btn = event.target.closest("button");
    navigator.clipboard.writeText(window.location.href);
    const originalContent = btn.innerHTML;
    btn.innerHTML = "✓ Copied";
    btn.style.borderColor = "#22c55e";
    btn.style.color = "#22c55e";
    setTimeout(() => {
      btn.innerHTML = originalContent;
      btn.style.borderColor = "";
      btn.style.color = "";
    }, 2000);
  }}>
          ↗ Share
        </button>
      </div>
    </>;
};

<div style={{ display: "flex", gap: "8px", flexWrap: "wrap", marginBottom: "16px" }}>
  <Badge color="gray" size="sm" icon="calendar">September 25, 2025</Badge>
  <Badge color="blue" size="sm" icon="rectangle-ad">Ad Platform</Badge>
  <Badge color="green" size="sm" icon="sparkles">New Feature</Badge>
</div>

We've introduced **AI Image Resizing** for banner ads, powered by advanced generative AI technology. Instead of manual cropping or stretching, our AI intelligently adapts your images to fit any slot dimensions while preserving brand integrity and visual quality.

<Frame>
  <img src="https://mintcdn.com/topsort/IPYqfFwUqBX3axYX/images/changelog/ai-resizing-image-v2-trim.webp?fit=max&auto=format&n=IPYqfFwUqBX3axYX&q=85&s=53f54e05c0949fb7e70e821ffc70014b" alt="Gen AI Resizing" width="2140" height="1673" data-path="images/changelog/ai-resizing-image-v2-trim.webp" />
</Frame>

## Key Benefits

**Smart Adaptation**:
AI intelligently extends and reframes images to match target slot dimensions

**Brand Preservation**:
Maintains logos, key messaging, and visual identity while adapting
dimensions

**Time Savings**:
Eliminates need for manual image editing or multiple image versions

**Device Optimization**:
Automatically creates separate versions for mobile and desktop viewing

## How It Works

When you upload an image that doesn't perfectly match your selected banner slot dimensions, our AI-powered system:

* **Analyzes** your original image composition and visual elements
* **Intelligently extends** backgrounds and contextual elements to fill new dimensions
* **Preserves focal points** ensuring your main message remains prominent
* **Maintains visual coherence** with seamless integration of extended areas

The technology is powered by [Ideogram V3's](https://ideogram.ai/features/3.0) advanced reframe capabilities, providing professional-quality results every time.

## User Control

When AI resizing activates, you have complete control:

* **Auto Re-size** - Generate a new AI-optimized version
* **Confirm cropping** - Accept the current resized version
* **Use different image** - Start over with a different source

***

AI Image Resizing is now available during banner campaign creation. Learn more about [AI Image Resizing for Banner Ads](https://docs-add-ai-resizing-banners.docs-565.pages.dev/knowledge-base/ad-platform/banners/ai-image-resizing/) in our knowledge base.

<ChangelogActions />