Receive the latest articles for free. Click here to get the Mobile Commerce Daily newsletters.

5 tips to optimize images for mobile screens

By
September 13, 2016

Ellen Desmarais is San Francisco-based vice president of marketing at 500px

Ellen Desmarais is San Francisco-based vice president of marketing at 500px

By Ellen Desmarais

In 2015, we crossed a new threshold for digital media time: comScore found that 62 percent of Americans’ digital media time was spent on mobile, meaning that we are spending the majority of our Internet time on small screens.

Mobile-dominant media consumption has major implications for brands and publishers. Yet in planning our visual posts and campaigns, we too often do not consider how visuals will resonate with consumers on the small screen.

Research has found that our brains process visuals 60,000 times faster than text, so as the screens get smaller and attention spans more frayed, it becomes even more important to use visuals effectively.

So for your next campaign, get off that large display monitor and think small.

Here are some tips for optimizing imagery for mobile:

Image orientation. Is this a social media campaign? ComScore found that nearly 80 percent of social media time is now spent on mobile devices.

When planning your social media campaigns, consider whether portrait or landscape orientation will work best for the screens on which it will be viewed and the social networks on which it appears.

In our own testing, vertical images performed the best on Snapchat. But on Facebook, the landscape orientation drove more engagement.

File size. Is your audience diverse or global? Keep your file size as small as possible to optimize for a fast load time. Not everyone is on a 4G unlimited data plan.

The more global your campaign, the bigger the variety there may be in how your audience loads the images.

Also, every social media platform has different guidelines for dimensions and file size.

There are many cheat sheets on the Web that list image dimension and file size guidelines, but make sure you are using one from 2016.

Multiple devices. Is this image going to be viewed on different desktop monitors, on iPads, on mobile devices? Consider how your image will work on screens large and small.

The fine detail you love on your Thunderbolt display is going to be lost on the iPhone.

Even for a mobile-only campaign, the different screen resolutions across phones means you should create multiple test graphics to know what your images will look like on different devices.

Responsive design does not necessarily mean optimized.

Copy space. Do you need to add text or graphic elements? Given that the mobile screen may only be four inches of display, there is limited real estate for all the messages you need to convey.

Text can be more difficult to read on a smaller screen, so it becomes extremely important to pick images that can accommodate text in different sizes and call to actions buttons.

Audience. What emotions do you intend to convey? As with any visual storytelling, you want to make sure that your image connects with your brand and with your audience.

Think about the feelings that the image conveys and how it relates to the message and the action that you want the user to take.

BETTER STILL, find the photo that lets you write less copy. Let the image do the talking.

Ellen Desmarais is San Francisco-based vice president of marketing at 500px. Reach her at ellen@500px.com.

Share on FacebookShare on LinkedInShare on Twitter



Like this article? Sign up for a free subscription to Mobile Commerce Daily's must-read newsletters. Click here!






Tags: , , , , , , , , , , ,

You can leave a response, or trackback from your own site.

Leave a Reply