TotalApp Docs

Display Ads (Medium Rectangle & Large Rectangle)

Design 300×250 and 336×280 banner ads for the Google Display Network.

Overview

Display ads in the 300×250 (Medium Rectangle) and 336×280 (Large Rectangle) sizes are among the most widely placed formats on the Google Display Network. TotalApp's editor lets you design both formats simultaneously and export them as static PNG or animated HTML5 banners.

Supported Sizes

  • 300×250 px — Medium Rectangle (most common)
  • 336×280 px — Large Rectangle (higher visibility)

Editor Layout

The editor is split into three panels:

  • Canvas (centre) — shows the ad at its actual pixel dimensions.
  • Elements (left panel) — layers panel showing all objects on the canvas.
  • Properties (right panel) — settings for the selected element.

Adding Elements

Background

Click the canvas background to set a solid colour or gradient fill.

Text

Click Add Text and type your headline or body copy.

Image

Drag a product image or logo from your media library onto the canvas.

Button

Click Add Button to insert a styled CTA with custom label and colour.

AI Content Generation

Click the AI button in the toolbar to generate ad copy automatically:

  • Enter your product name and target audience.
  • Choose tone: Professional, Casual, or Urgent.
  • The AI fills in headline, subheadline, and CTA text.

Exporting

Click Export in the top toolbar:

  • PNG — static image, suitable for most placements.
  • HTML5 — animated banner with CSS/JS animations.
  • Both sizes at once — exports a ZIP containing both 300×250 and 336×280 versions.