Drag and drop

Drag and drop

Drag and drop

Download

the official templates

Photoshop HTML5 Hype

Inspirations

  • Vital **
    View video HTML experience
    Vital **
  • Lapointe
    View video HTML experience
    Lapointe
  • Yuzu
    View video HTML experience
    Yuzu
  • Chevrolet
    View video HTML experience
    Chevrolet

Icon

No standard icon is needed because the text and image are the reader’s guide to interacting with the ad.

Note

  • The maximum recommended number of draggable objects is 4 (pay attention to image compression quality to ensure compliance with maximum ad file size)

Supported formats

  • Full-screen

    Full-screen

    980 x 670
    500
  • Half-screen

    Half-screen

    480 x 670
    400
  • ⅓ vertical *

    ⅓ vertical *

    330 x 670
    300
  • ⅓ horizontal *

    ⅓ horizontal *

    980 x 210
    300
  • ¼ vertical

    ¼ vertical

    230 x 670
    200
  • ¼ horizontal

    ¼ horizontal

    480 x 325
    200
  • ⅙ horizontal

    ⅙ horizontal

    480 x 210
    200
  • ⅛ horizontal

    ⅛ horizontal

    480 x 152
    200
  • ⅛ vertical

    ⅛ vertical

    230 x 325
    200
  • Banner

    Banner

    980 x 70
    200

Important


Security area used for the screen change.

To facilitate the screen change and prevent accidental opening of the new Slide Over panel in iOS 9, this area placed in full-screen format must be free from any interaction using a sliding movement of the finger on the screen. It is also recommended that any elements displayed at the bottom of the page, such as the company logo, the +WEB target and the call to action, be left static.