Pictures can support the statements of the content very well. However, it is essential that the images are published in good quality. Below you will find information on aspect ratio and necessary size of an image to be published.

Aspect ratio

The aspect ratio is predefined depending on the component or can either be freely chosen or selected from a given selection.

Aspect ratio 1:1

Aspect ratio 1:1

Aspect ratio 1:2

Aspect ratio 1:2

Aspect ratio 3:4

Aspect ratio 3:4

Aspect ratio 4:3

Aspect ratio 4:3

Aspect ratio 3:2

Aspect ratio 3:2

Aspect ratio 16:9

Aspect ratio 16:9

Aspect ratio 2:1

Aspect ratio 2:1

Aspect ratio 23:8

Aspect ratio 23:8

Aspect ratio 16:10

Aspect ratio 16:10

Resolution

Depending on the component and grid control, the minimum or recommended resolution varies.

On the safe side you are with a resolution of at least 2360px in the width, which is optimal for the entire width of our page on desktop and mobile device.

Various resolutions depending on the page grid

Number of columns

Recommended resolution in the width

One (100%)

2360px

Two (50%/50%)

1160px

Three (33%/33%/33%)

760px

Four (25%/25%/25%/25%)

500px

Examples sufficient resolution

Resolution 2360px

Resolution 1180px

Examples insufficient resolution

Resolution 590px

Resolution 295px

How to use it

  • The following basic rule should be used:
    • Use the format jpg
    • The resolution in the width should be at least 2360px.
  • If an image conveys information useful for interacting with or understanding the web page content, then it needs alternative text.
  • If an image is just decorative and people don't need to know about the image, then it should have a blank alt (alt="").
  • The following image formats are recommended:
    • JPEG
      Used for photographs on the web, because they create a small file that is easily loaded on a page. They are not optimal for line drawings, logos or graphics.
    • PNG
      Used almost exclusively for web images. For photographs, PNG is not as good as JPEG, because it creates a larger file. But for images with some text, or line art, it’s better.
      Use PNG carefully. Heavy PNG can lead to increased loading times.
    • GIF
      GIFs have a limited color range suitable for the web but not for printing. This format should not be used for photography, because of the limited number of colors. Please do not use animated gifs as they are not recommended from an accessibility point of view.
  • By using images, or graphics for ubs.com you ensure that
    • UBS owns or has all necessary rights in the material you provide; and
    • the uploaded material does not violate any privacy rights or cause injury to any person or entity.

What to avoid

  • Whenever possible do not us images of text. They can have negative consequences for people with vision deficits such as color-blindness and low vision.

Most frequently used components into which images can be integrated

Crosslinks

Note

If you want to use images from the database for the next publishing job, please mention the ID of the image when placing the order.