All images are stored in the Global Asset Library. Each region/speedboat will have their own folder. Within each folder it is up to the region how they want to keep it organized. By having them all stored here they are accessible to all teams.

Images best practices

All images need to be web optimized before being added to the Global Asset Library. Image files should not be larger than 100KB.
All logo images should be .SVG form factor
All images should be .JPG unless you need a transparent background(Does not happen often).
When using JPG make sure the quality is set to 90% and above
The naming convention for images should be all lower case letters with dashes between words. Example: te-humidity-sensors

Image sizes

Marquee: 1920 X 405

Thumbnail: 128x128

Embedded Product Images: 1000x1000

Hero Banner: 2000 X 240

Hero Banner V2: size varies dependent on amount of content. A good starting point is 2000 X 400 for longer content and use of CTA button(s).

Slideshow and Single Images: 1280 X 720

Mixed Media / Right Rail / Grid Images / Articles / Partner Solutions / Upcoming Events (16:9 aspect ratio): 768 X 432

Mixed Media (3:4 aspect ratio): 768 X 1024

Article author profile: 300 X 400

3 Panel Slide Up: 720 X 415

3 Panel Spotlight V2: 432 X 432

Getting started

Select the Global Asset Library.

Click on components.

Select the images folder.

Once in the correct directory, click the drop down next to New. Select Component and then select Image.

To add the image click the Upload button. A file upload box will appear. From there select the image from your desktop and click Open.

You will see the image is now loaded. To change the image, click Upload again and follow the same steps.

Click the expand arrow next to Image Attributes. Add the Image Alternate Text. No other fields need to be filled and. Nothing needs to be done under Renditions either.

Save and Close your changes.

Complementary Content

${loading}