What a 160 × 600 banner actually is
A 160 × 600 banner is a fixed rectangular advertisement that is 160 pixels wide and 600 pixels tall. The first number describes the horizontal canvas; the second describes its vertical extent. Its height is three and three-quarter times its width. That narrow proportion is the defining design constraint, because a sentence, photograph or logo that works in a broad rectangle may become difficult to recognise here.
The format is commonly called a wide skyscraper. “Wide” distinguishes it from a narrower skyscraper; it does not mean the creative is wide compared with an article column. In a typical desktop composition, it is a slim vertical companion to the main page. Think of it as a deliberate side-rail message, not a miniature landing page and not a horizontal banner rotated through a right angle.
The canvas contains 96,000 pixels, but that number does not tell you the exported file’s weight. A simple flat-colour image and a photographic animation can have the same dimensions and very different file sizes. Geometry, encoding and animation are separate decisions. This guide keeps them separate so you can understand where the format belongs, how to compose it and how to prepare the actual deliverable.
Why choose a narrow vertical advertisement?
The practical reason to choose this size is that the selected publisher or media plan offers a compatible vertical placement. It can present a concise message beside desktop content while leaving the main reading column intact. Its value comes from that fit between message, placement and audience, rather than from any promise that a tall advertisement automatically produces better results.
The height allows a recognisable reading sequence: identify the brand, understand the proposition, see the subject and locate the next action. A restrained creative can use this sequence to tell one small story. The narrow width also imposes useful discipline. It exposes long headlines, complicated product scenes and unnecessary badges that a large artboard can hide.
Do not choose the format solely because an online chart calls it essential. Check whether your campaign actually buys suitable inventory, whether the creative can remain clear within 160 pixels and whether the destination fulfils the proposition. A thoughtful production plan may include this size alongside other shapes, but each one should have an actual delivery purpose. No universal performance ranking can replace that decision.
160 × 600, explained visually.
Display banner · Select a numbered label to explore its placement.
Place a recognisable brand cue near the opening of the composition. Keep the logo clear at the final viewing size. This is an example position; approved brand layouts may place it elsewhere.
Illustrative creative · Proportions preserved · Flexible placement · Not a live advertisement
Where the 160 × 600 belongs on a webpage
The most natural illustrative placement is a desktop side rail beside the primary content. Imagine a page with a clear article column, a deliberate gap and a separate 160-pixel advertising column. The advertisement should occupy its own region instead of sitting over the words. Its outer edges need enough separation from the article that a reader can distinguish the commercial object from the editorial explanation.
For a simple planning example, a 680-pixel article, a 40-pixel gap and a 160-pixel rail require 880 pixels before outer margins. These are demonstration values, not a compulsory publisher standard. They show why the available width must be calculated before adding a rail. A design that appears to have “empty space” may still need that space for comfortable line lengths, navigation or responsive behaviour.
Reserve the slot in the page layout. If advertising appears only after a late network response, an unreserved container can move nearby content unexpectedly. The actual provider integration determines fill behaviour, but the publisher can still plan an understandable, stable region. An empty slot should not leave the article unusable or force an unrelated overlay into the reading area.
Right rail, left rail or both?
A right rail can keep a left-to-right article’s opening and main text path visually prominent while placing the advertisement beside it. A left rail can also be appropriate when the overall layout was designed for it. Neither position is inherently superior for every audience. Navigation, reading direction, content width and the rest of the page determine the practical choice.
Inspect the full page instead of judging the creative on an isolated presentation board. A left advertisement beside a permanent navigation panel may compete with two separate vertical structures. A right advertisement beside a narrow article may make the composition feel cramped. If both rails are used on a very wide display, the main content still needs a deliberate place and comfortable margins.
Do not add a second rail merely because the screen can technically contain another rectangle. Evaluate the combined density of all advertising and sponsored recommendations. The correct question is whether readers can still find and follow the article easily. Placement quality includes restraint, spacing and predictable behaviour, not just whether every available slot can be filled.
Where it should not be forced to fit
A 160 × 600 creative does not become a useful mobile banner by being squeezed to the edge of a phone article. The remaining reading width would be too restricted in many ordinary layouts. On a narrow viewport, remove the side rail or select a suitable alternative placement rather than placing the tall unit over the text.
The format is also a poor substitute for a wide page-header banner. Rotating the art or stretching it across a header changes the intended reading experience and can distort the creative. A sidebar asset belongs to the slot specified for it. If the media plan requires another shape, design an intentional relative using the same proposition instead of mechanically resizing the finished bitmap.
Avoid fitting the ad between unrelated interface controls simply because the dimensions appear to match. Advertising should not resemble a system notification, a navigation panel or a message that the site requires someone to acknowledge. The publisher’s label, placement and surrounding spacing should make its role clear. Compatible geometry is necessary, but it is not the whole user-experience decision.
Understand the viewport before making it sticky
A 600-pixel creative needs more than 600 pixels of available window height if it is to remain fully visible beneath a sticky header. Add the header clearance, advertising label and a comfortable bottom gap. A nominally tall desktop display can still have a short browser viewport because of toolbars, application panels or the user’s window arrangement.
Calculate the actual visible area rather than relying on the monitor’s advertised resolution. For example, a fixed header, a 600-pixel unit and its label may leave too little room in a short window. A sticky implementation that cuts off the action at the bottom defeats the creative’s own hierarchy. In that situation, normal scrolling or a shorter compatible unit can be the more responsible choice.
The decision must also consider the containing article. A sticky advertisement should stop within its allocated region instead of continuing over the footer, sponsored recommendations or navigation. Treat the placement as part of a bounded layout. “Sticky” describes how an element behaves while scrolling; it is not permission to detach the ad from the rest of the publication.
How a lower sticky unit should behave
Suppose a publisher has one ordinary advertisement above a lower vertical unit. The upper object should scroll away naturally. Once the lower object reaches its intended clearance beneath the header, it can remain there while the article continues. This avoids the problem of an upper advertisement staying fixed while a second unit appears to travel underneath it.
The lower sticky unit needs a parent region that extends alongside the article. If it is placed inside a short wrapper that ends immediately below the creative, it may have no meaningful range in which to stick. The visual result depends on both the element and its container, so review the complete layout rather than only one positioning rule.
Test at the beginning, middle and end of the article. The unit should enter predictably, remain clear of the header and leave or stop at the article boundary. Then reduce the viewport height and width. If the complete unit cannot fit, change the placement behaviour. Do not solve the problem by covering text or hiding the lower portion of the advertisement.
Plan the 160-pixel reading path
Start with a blank 160 × 600 artboard and write the message as one plain sentence. Identify the smallest useful proposition before choosing decorative effects. In a narrow design, every extra word competes directly with type size and spacing. The aim is not to use all 600 pixels; it is to make the selected information understandable in a deliberate order.
A practical sequence is brand, headline, product or illustration, brief support and action. This is a starting arrangement rather than a mandatory template. The logo might appear at the bottom in another concept, or the product might lead the sequence. What matters is that the arrangement makes sense without the designer standing beside it to explain the intended meaning.
Sketch several coarse wireframes before refining one. Use boxes and real copy rather than polished placeholder text. The wireframe should reveal whether the headline is too long, whether the image is recognisable and whether the action has a clear relationship to the proposition. If those fundamentals are weak, adding movement or a three-dimensional shadow will not repair them.
Logo placement: establish identity without using the whole width
The top of a skyscraper is a natural place to introduce the brand, but it is not the only possible position. A compact mark can sit near the opening, remain present during an animation or close the composition beside the action. Choose the position according to the story and the brand assets that are actually available.
Inspect the approved logo at its delivered size. Fine lettering, a detailed emblem or a long horizontal lockup may become difficult to read in a 160-pixel canvas. Request an appropriate compact treatment when possible. Do not stretch, redraw or squeeze a mark just to preserve every detail of a wider version. Identity guidelines and readability both deserve attention.
Keep breathing room around the mark. A logo touching a headline or a moving product can lose its distinction even when its own artwork is clear. In the interactive illustration, the brand region is highlighted independently so you can see its place in the hierarchy. The diagram shows one sensible arrangement, not an official safe-zone requirement imposed by every advertising platform.
Headline placement: short phrases beat a compressed paragraph
A narrow headline benefits from a small number of meaningful lines. Write several concise alternatives and test them at the real width. Break lines according to phrases and emphasis rather than wherever the final word happens to fit. Avoid creating an accidental ladder of isolated words that makes the reader reconstruct a sentence.
For an illustrative outdoor-bag campaign, “Make room for the outside” gives the designer a manageable idea. A longer sentence describing every material, pocket and travel situation would demand a different treatment. Put that detail on the destination, where someone can choose to inspect it. The banner’s job is to establish relevance and an honest next step.
Do not preserve long wording by reducing the letters until they become decorative texture. A headline needs to function as text. Review numerals, punctuation and language-specific characters as well as the largest words. If an adaptation into another language becomes longer, rewrite or recompose it with an appropriate reviewer instead of assuming the original line breaks must remain unchanged.
Product or illustration: choose one clear subject
The central visual should explain what the message concerns. A single recognisable object often works better than several small product thumbnails in this width. Decide whether the image needs to identify the item, show a detail or demonstrate its shape. Then crop and simplify according to that purpose.
The illustration in this guide uses an abstract bag shape to demonstrate the layout. It is not a photograph of an actual product and does not establish real capacity, materials or performance. In a live campaign, compare the artwork with approved product references. Do not let an attractive edit imply an included accessory or function that the product does not have.
Check the silhouette after export. A scene that looks rich at a large editor zoom can become difficult to recognise when reduced to the real canvas. Remove background clutter and inspect edges against the creative’s background colour. A simple illustration may sometimes communicate more clearly than a compressed photograph, but the choice should follow the information the image needs to provide.
Supporting text: give the reader one additional reason
Support copy belongs in the hierarchy only when it contributes information beyond the headline. A brief material detail, relevant use case or clear offer condition can be useful. Repeating the same vague slogan in smaller type uses space without strengthening the explanation.
Choose one supporting point. A 160-pixel column is not a suitable place for a list of every feature. If the product needs extensive qualification, simplify the proposition or use the destination to present that detail responsibly. Do not make a broad claim in large text and rely on an unreadable paragraph to change its meaning.
Place support where it connects the image and action. It should feel like part of the same story, not a second advertisement inserted halfway down the canvas. In a review, temporarily remove the line and ask what the reader loses. If nothing useful disappears, leave it out and use the space to improve the clarity of the remaining elements.
CTA placement: make the next step predictable
The call to action usually works well near the end of the vertical reading sequence, where it can complete the proposition. Its label should describe the destination: explore the product, view the dates, read the guide or another truthful action. A generic command may fit the button but give the reader less useful information.
In the diagram, selecting the CTA region explains that role; it does not open a live advertisement. In a real creative, interaction must use the target platform’s supported implementation. Do not assume a local prototype’s click behaviour is valid for an advertising upload simply because it works in a browser tab.
Keep the action distinct without making it look like a system alert or compulsory acknowledgement. Use contrast, spacing and a readable label. Test the complete exported composition to ensure the action remains visible at the end of an animation and within any sticky placement. A carefully written CTA is wasted if the page or playback cuts it off.
Safe space: design a margin system for this canvas
Inner spacing protects the composition from looking crowded. As an illustrative starting exercise, a 12-pixel margin on both sides leaves 136 pixels for the content; a 16-pixel margin leaves 128. These are design calculations, not universal platform rules. The right margin depends on the logo, lettering, border and chosen visual treatment.
Use spacing to distinguish groups. The headline and its related image may need a closer relationship than the image and action. Equal gaps everywhere can erase the intended reading order, while random gaps make the composition feel accidental. Establish a simple rhythm and then adjust according to the real shapes.
Check the complete movement area if elements animate. A product or shadow may remain inside the nominal artboard while intruding into the headline’s breathing room. Safe space is not only an empty border; it includes the relationships that keep important information recognisable throughout the experience. Review both the still composition and every meaningful animated state.
Build a practical coordinate sketch
Draw the 160 × 600 canvas with a visible grid and label provisional regions. You might reserve a compact upper region for identity, a larger block beneath it for the headline, a central visual region and a lower action area. The purpose of the sketch is to make conflicts visible before polished production.
Use actual content in the sketch. A two-word placeholder can hide the problem created by a longer approved name. A generic image rectangle can hide the fact that the real product needs a different crop. When a region does not accommodate its content, revise the content or arrangement rather than blindly preserving the first coordinates.
Then remove the grid and inspect the visual balance. A mathematically regular plan can still feel awkward because the logo, image and words have different shapes. The grid is a tool for organising relationships, not an authority that overrides readability. Keep a note explaining why the final arrangement differs from the initial sketch so later adaptations remain deliberate.
Typography at actual 160 × 600 size
Review the finished type without enlarging the canvas. A narrow banner often tempts a designer to judge a beautiful headline at several times its delivered size. Return to the real export and normal viewing distance. If essential words become difficult, rewrite the message, simplify the layout or select a more legible treatment.
Use a small set of type roles: identity, headline, support and action. One family with suitable weights may be enough. If two families are used, assign distinct jobs instead of alternating styles for decoration. Fine scripts and extremely thin strokes deserve particular care in a compressed, narrow creative.
Check the real characters needed for the campaign, including punctuation and translated text. Adjust line breaks by meaning. A long name or technical term may require a different composition rather than a smaller universal type size. The aim is a readable advertisement, not a document in which every requested sentence has survived at any cost.
Colour and contrast in a narrow rail
Choose a background, a strong reading colour and a purposeful accent. The narrow canvas does not need a different colour for every element. A restrained system can make the action and main message easier to identify while leaving the product visually prominent.
Test text against the actual background, including any photograph, texture or gradient. A colour pair that works in a swatch can become weak when the headline crosses a lighter region of an image. Review the exported asset because compression and small lettering can reduce practical clarity.
Keep important meaning available through more than colour alone. The action should remain identifiable through its label and shape, while the hierarchy should survive a grayscale review. A coloured outline around several equally prominent objects may create variety without telling the reader which information matters. Use colour to reinforce a clear composition, not as a substitute for one.
Static artwork: the dependable first version
Make a complete static version before adding animation. It should contain the identity, proposition, useful visual and action in a balanced arrangement. This gives the project an approved baseline and makes it easier to judge whether movement adds meaning or merely distracts.
For the outdoor-bag exercise, begin with a clear product silhouette, a short headline and an honest invitation to explore the item. Leave decorative trails, moving shadows and reveal effects out of the first review. Ask a new viewer to describe the offer without showing the brief.
Use that response to revise the hierarchy. If the viewer remembers only an attractive shape but cannot identify the subject, the visual may need clarification. If the action suggests a different destination from the headline, fix the copy relationship. The still version should remain useful as a reference even if the final campaign also includes a GIF or HTML5 deliverable.
Animated GIF: keep the vertical story understandable
Storyboard the opening, development and final state as simple panels. Keep enough information visible in the opening to establish the subject. Let the middle explain one useful relationship. Finish with a complete composition that does not require remembering a sentence shown briefly earlier.
A narrow animation can reveal the headline, introduce the product and settle into a stable action, but it should not make every element compete for attention simultaneously. Keep essential text still while supporting movement occurs where possible. Inspect the full travel area of moving objects so they never cover the message unintentionally.
Check the current destination’s animation and file requirements before export. Technical rules can change and may differ between environments. Watch the actual GIF rather than approving only a video recording from the editor. Review the first state, transitions, loop boundary and ending. A sequence is not ready if it looks good in a presentation but becomes rushed, heavy or unclear in its delivered form.
HTML5: treat the 160 × 600 as a packaged creative
An HTML5 version is a small web deliverable, not simply an image with a different extension. It can move separate elements, but it also introduces packaging, asset references, startup behaviour and platform-specific interaction requirements. Confirm the selected upload environment and account eligibility before committing to this approach.
Keep the starting state useful. A delayed script or missing decorative asset should not leave the complete advertisement blank. Review how the headline and product appear before optional effects finish initialising. The final state should remain a coherent 160 × 600 composition when movement stops.
Open the actual release archive and validate it using the destination’s current process. Check included files, allowed references and the prescribed click mechanism. A local demo can be visually correct while failing the platform’s delivery requirements. Separate visual approval from technical validation and tie both to the exact package that will be uploaded.
File format and weight: inspect the real export
Choose an accepted format for the destination rather than selecting an extension only because it is familiar. Photographic detail, flat colour, transparency and animation all affect the export trade-off. Keep the pixel dimensions fixed at 160 × 600 while comparing representative candidates.
Inspect fine text, product edges and gradients. An aggressive compression setting may preserve the broad scene while damaging the small details that explain the offer. Record file weight alongside a visual-quality note so the choice is based on communication as well as a number.
Do not rename an extension to simulate another format or assume a filename proves the dimensions. Open the exported file independently and verify what is actually present. If no candidate remains clear within the selected platform’s constraints, simplify the design or use a suitable alternative treatment. Repeatedly degrading an overcrowded creative is rarely the strongest way to prepare it.
A complete worked concept: the fictional outdoor bag
Imagine a fictional shop introducing a compact outdoor bag. The intended audience is people planning short walks, and the advertisement invites them to explore the product page. No price, capacity claim or performance statistic is needed for this teaching example. Keeping the proposition modest lets the composition demonstrate its structure without inventing evidence.
Place the approved brand treatment near the top. Use a short headline below it, followed by one clear bag silhouette. Add a single useful supporting line if it strengthens the explanation, then finish with an action that matches the destination. The result should read vertically as one invitation rather than a stack of unrelated mini-posters.
Now review the concept in a realistic desktop rail. Check its separation from the article and the amount visible beneath the header. Try the static export before a restrained animated version. The exercise succeeds when another person can identify the subject and next action at actual size, not when the mockup contains the largest number of effects.
What to test before uploading this specific size
Create a release row labelled 160 × 600 with the format, language, destination and version. Open the actual file and confirm its dimensions. Compare its copy with the approved source, including names, dates and any conditions. Review the product representation against the relevant reference.
Inspect the border against light and dark surrounding regions. View the creative at normal size and check the headline, supporting text and action. For animation, review the first and final states, playback and fallback. For HTML5, validate the actual packaged archive and interaction behaviour.
Then follow the destination on a phone and a desktop. The media placement may be desktop-oriented, but the destination still needs a dependable experience for the people who reach it. Confirm that the promised product or information is available and easy to identify. A flawless narrow export cannot repair an unrelated or unavailable landing page.
Publisher checks after the ad provider is connected
A placeholder demonstrates reserved space, not the final provider experience. Once the real integration is active, review fill behaviour, labels, separation and layout movement. Confirm that the creative stays within the intended rail and that the reading column remains usable when the provider does not fill the unit.
For a sticky implementation, test several window heights. Check that the entire 600-pixel creative can remain visible with the header clearance and label. Inspect the article boundary near the footer. The unit should not continue over navigation or sponsored recommendations simply because the article has ended.
Review the combined advertising density. A narrow unit can still become part of an overwhelming page when several other formats and native recommendations are present. Treat the complete reading experience as the final design, not each isolated slot. Keep the implementation aligned with the provider’s current requirements and the actual responsive layout.
Testing two 160 × 600 concepts fairly
Choose a specific creative question before making variants. A product-focused image versus an in-use scene is a useful comparison when the offer and audience remain aligned. A short benefit-led headline versus a question-led headline can be another meaningful test. Avoid changing every component simultaneously and then claiming that one detail caused the result.
Review the two actual exports under equivalent conditions. Show them at the same size and in the same page context. A large isolated mockup naturally feels more impressive than a small file embedded in an ordinary article, so inconsistent review boards can distort the decision before the campaign even runs.
Define the useful outcome in advance. Interaction alone may not reflect the quality of the resulting visit. Consider the destination and intended action, and record delivery conditions and uncertainty. A result from one campaign does not prove that the 160 × 600 format, a particular colour or one CTA phrase will work best for every advertiser.
Common mistakes and their practical fixes
An overlong headline usually needs editing rather than another reduction in type size. A crowded product collage usually needs one clearer subject. A logo that disappears in the narrow canvas may need an approved compact treatment. Diagnose the communication problem before applying a decorative repair.
A missing action in the final frame needs a complete ending, not a longer opening. A sticky ad whose bottom is cut off needs a more appropriate placement behaviour, not a hidden overflow rule that conceals the problem. An apparent gap in the rail may be a legitimate part of the article’s spacing rather than an invitation to add another advertisement.
Use a concrete correction note: identify the element, describe the problem and explain its effect on the reader. Then review related exports if the change affects the wider campaign. A narrow format becomes easier to produce when the team learns to resolve its real constraints instead of repeatedly squeezing more information into the same 160 pixels.
A final 160 × 600 production exercise
Create your own fictional brief with one subject, one proposition and one destination. Draw three different vertical wireframes using the same information. Choose the clearest, build a static export and inspect it at the actual 160 × 600 dimensions. Ask a new viewer what it offers before explaining your intention.
Use the interactive anatomy example to reconsider each region. Is identity clear? Does the headline read naturally? Does the image explain the subject? Is the next action predictable? The positions are flexible, but each element needs a job. Remove anything that does not help the selected proposition.
Finish with a realistic publisher preview and an unambiguous release folder. Confirm the dimensions, format, version and destination one final time. Keep the approved source separate from upload-ready files. The goal is a narrow advertisement that can be understood, delivered and maintained confidently, with every decision connected to the particular 160 × 600 canvas.
Three different propositions on the same narrow canvas
Consider three fictional campaigns that all use a 160 × 600 slot: an outdoor bag, an educational workshop and a reading subscription. The geometry is identical, but the useful visual evidence differs. The bag needs a recognisable object. The workshop may benefit from a clear activity image. The subscription may need a simple reading cue and a precise explanation of what the reader can explore next.
Do not use the same product-shaped box in every concept merely because a template provides it. Ask what establishes the subject for this particular offer. A narrow format becomes more effective when its limited space serves a specific proposition instead of becoming a generic column of interchangeable promotional elements.
Compare the headline and action together. “Explore the bag”, “See workshop dates” and “Browse the reading plan” invite different journeys. The destination should fulfil the selected invitation immediately. This exercise demonstrates that a consistent size does not require an identical communication strategy or justify making promises that belong to another offer.
How to explain this format to a client or colleague
Show the 160 × 600 inside a miniature desktop page before discussing decorative details. Point out the article column, gap and advertising rail. This helps a reviewer understand why the canvas is narrow and why a headline from a wide promotional poster cannot simply be carried across unchanged.
Then show the anatomy diagram in flat view. Identify the brand, proposition, visual and action in the proposed arrangement. Explain which relationships are intentional and which positions can change. A client does not need to memorise a software timeline to make a useful decision about hierarchy.
Finish with the actual-size export. Ask the reviewer to read it normally and describe the offer. Keep the attractive enlarged mockup as a presentation aid, but do not let it replace this final check. The handoff should demonstrate both the idea and the real constraints under which that idea has to communicate.
Questions to answer before calling a skyscraper complete
Can a new viewer identify the subject without additional explanation? Does the headline read naturally within the narrow width? Is the product or illustration recognisable? Does the action describe the destination accurately? These questions test communication, not merely whether every element fits inside the artboard.
Can the publisher display the full creative in the intended rail without covering content? Does a sticky version have enough height and a sensible end boundary? Is there a deliberate response when the page becomes too narrow? These questions test the placement rather than the artwork alone.
Finally, has the delivered file itself been reviewed? Check the actual encoding, dimensions, playback where relevant and release version. A source file, a presentation screenshot and an upload-ready asset are related objects, but they are not interchangeable evidence of completion. The dependable result is the specific 160 × 600 file and placement that passed the practical review.
Current technical reference
Check the destination’s current upload requirements before delivery. Google lists 160 × 600 as a wide skyscraper. The layout recommendations and illustrative creative in this guide are Bannerpick’s teaching examples.