The UA is powered by PWA technology that works in any browser and is responsive to any screen size. To ensure your image or graphic assets remain to look high-quality to your readers on any device, please only upload non-vectorized assets that meet the following requirements depends on where it’s being placed.
Main Banner on UA Homepage
The main banner on the homepage takes full width on any device, including the desktop. Therefore, we need to consider using assets with minimum width that will still look sharp on the desktop monitor.
Minimum width: 1600px (with important content within 640px to the left-and-right from the center.
Minimum height: 400px
Compatible file formats: .jpg, .png
2x size for retina displays (i.e. image width of 3200px)
Features: Banner can contain either internal or external URLs (with or without UTM tracking link) that will open a new tab when clicked on.
Advertisement Banner on UA Homepage
Ads on the left column
Advertisement block paced on the first column container
Ads on the right column
Advertisement block placed on the second column container
Advertisement Banner inside an article (added through Typeloft Editor)
Full-page width page
Full-page width ad within an article using
Other than full-page width
Content on multiple columns layout on the desktop most likely will be displayed in one column on mobile, taking the full width of the mobile device.
Less than full-page width ad within an article using the image widget
Collection cover image
Cover images for a collection should be at minimum 512 x 684 px.
Article cover image
For article cover image, the size should be at minimum 1024 x 768 px.
Please be advised that the appearance of cover images depend on where they're gonna be displayed. It’s possible that some sides of the image will get cropped when shown as thumbnails - this is a part of the responsive nature of Universal App.
Get stuck? Feel free to reach out to our live chat at the bottom right corner of your Universal App dashboard or simply send an email to email@example.com