Behind the Scenes Improvements to Graphics

Mobile Compatibility Improved for Mobile Devices

On average 60-70% traffic to ATLAS sites is from mobile devices and this trend will definitely continue. The development team is on the look out for any way to improve the visuals of graphics on mobile devices.

Hero Image & Hero Slick Slider Widgets
The leading graphic image on a page is generally the Hero Image Widget or the Hero Slick Slider Widget. From now on the team recommends that the mobile device image dimensions be no smaller than 640 x 640 pixels. For this reason, now the image selection property for both widgets lists this size first and has labeled it recommended to keep it top of mind.

Note smaller options are still available if the design demands it and no text or buttons appear in the hero. 

LEARN MORE ABOUT THE HERO IMAGE WIDGET >>
LEARN MORE ABOUT THE HERO SLICK SLIDER WIDGET >>


Hero Image Widget Now with Improved Responsiveness on Various Devices
We have made improvements to the Hero Image Widget to enhance mobile device responsiveness. With these updates, the hero images will automatically adjust to provide a seamless and visually appealing experience on all mobile devices. This ensures that your content looks great and functions well, no matter the screen size.

For those in the know, it's an enhanced code to render images based on the device resolution instead of the device type.


Feature Large B Widget Image
This one is sneaky. We removed the attribute for a small-sized image in the properties and are displaying a medium-sized image for mobile view instead. Testing proved that, for this widget only, the medium-sized image is better optimized for mobile views. This means that when users access your website on mobile devices, they'll now enjoy higher-quality images ensuring a visually stunning and engaging browsing experience.

Now you only need to source a medium- and a large-sized image. One less image to size and upload! 

LEARN MORE ABOUT THE FEATURE LARGE B WIDGET >>