Images and icons
  • 23 Oct 2024
  • 1 Minute to read
  • Dark
    Light
  • PDF

Images and icons

  • Dark
    Light
  • PDF

Article summary

The images and icons are located in the \CustomizationTool\input\img folder . OneSpan provides default images which you can use, or you can customize the application with your own graphics.

All the graphics listed in the XML customization file must be located in this folder. The images must be Portable Network Graphics (PNG).

In Mobile Authenticator Studio, you can use graphics in a variety of ways:

  • for the background

  • as menu icons, which are displayed in Mobile Authenticator Studio menu lists

  • as application icon, which is displayed in the home screen of the mobile phone

  • for the splash screen.

Recommended image sizes lists the recommended graphics properties for the different image types.

Image Type

Recommended image size in pixels

Transparency

Android

iOS

Background

640x640

640x640

No

Menu icon

96x96

96x96

Allowed

Application icon

72x72

See iOS icon.

Allowed

Splash screen

480x480

See Splash screen.

Allowed

Mobile Authenticator Studio dynamically resizes images to manage different screen sizes. As a result, image rendering may vary across devices.

iOS icon

With an iOS application, a specific icon set is required. You must provide the generic icon name and file extension in the textbox (e.g. iconName.png). Icons in the image folder must be named according to this naming convention: iconName-size.png.

The target that has been selected in the Customization Tool determines which icons are required.

iOS icons naming convention lists the available icons and the icon naming conventions.

iOS icons naming convention

Size

Icon name

Target: Universal

76x76

iconName-76x76.png

120x120

iconName-120x120.png

152x152

iconName-152x152.png

167x167

iconName-167x167.png

180x180

iconName-180x180.png

1024x1024

iconName-1024x1024.png

Target: iPhone

120x120

iconName-120x120.png

180x180

iconName-180x180.png

1024x1024

iconName-1024x1024.png

Target: iPad

76x76

iconName-76x76.png

152x152

iconName-152x152.png

167x167

iconName-167x167.png

1024x1024

iconName-1024x1024.png


Was this article helpful?

What's Next
Changing your password will log you out immediately. Use the new password to log back in.
First name must have atleast 2 characters. Numbers and special characters are not allowed.
Last name must have atleast 1 characters. Numbers and special characters are not allowed.
Enter a valid email
Enter a valid password
Your profile has been successfully updated.
ESC

Ozzy, our interactive help assistant