![0-album-thumbnail The Velvet Underground](https://www.webdesignerdepot.com/cdn-origin/uploads/2012/06/0-album-thumbnail.jpg)
No clutter
![1-no-clutter No clutter](https://www.webdesignerdepot.com/cdn-origin/uploads/2012/06/1-no-clutter.jpg)
Focus on one element
Have an image feature just a single main element. Similar to how you won't be able to easily see details in a small image, having multiple elements in the image will make it harder to figure out what the image is. As a full size image on a laptop, you can easily make out multiple elements, but a thumbnail-size image, not so much. For example, instead having an image of a person kicking a ball into a goal (too many elements: head-to-toe person, ball, goal), crop the image so that it's only a zoomed in shot of the foot kicking a ball (one main element: ball being kicked). The same idea is expressed (kicking a goal, scoring, winning, etc.) but is a lot easier to see and comprehend the image on a mobile device.Use subtle textures (or solid colors)
![example1-verge](https://www.webdesignerdepot.com/cdn-origin/uploads/2012/06/example1-verge.jpg)
Contrast
![example3-pandodaily](https://www.webdesignerdepot.com/cdn-origin/uploads/2012/06/example3-pandodaily.jpg)
Be square
![5-square Be square](https://www.webdesignerdepot.com/cdn-origin/uploads/2012/06/5-square1.jpg)
Optimizing images for mobile devices
Mobile will only continue to become more and more prevalent, so it's important to have images — which is a very prominent thing people will see — optimized for mobile devices. Hopefully these lessons from mobile-optimized album covers provide some useful insights. Make sure your images don't have clutter via a bunch of small details, that the image focuses on one element, that the textures are subtle or that there's simply solid colors, that the contrast is higher, and that the image aspect ratio is as square as possible so that it's as mobile-viewing friendly as possible. With that in hand, make your images look great on mobile devices. Written exclusively for WDD by Oleg Mokhov, the world's most mobile electronic musician and web + visual design enthusiast. He makes music that's a cross between Four Tet and Aphex Twin. Connect with him Do you think about mobile devices when choosing images for your designs? Do you start with mobile, or adjust desktop-friendly images to suit devices? Let us know in the comments below.Oleg Mokhov
Oleg Mokhov is the world's most mobile electronic musician and web + visual design enthusiast. He makes music that's a cross between Four Tet and Aphex Twin. Connect with him
Read Next
15 Best New Fonts, July 2024
Welcome to our monthly roundup of the best fonts we’ve found online in the last four weeks. This month, there are fewer…
By Ben Moss
20 Best New Websites, July 2024
Welcome to July’s round up of websites to inspire you. This month’s collection ranges from the most stripped-back…
Top 7 WordPress Plugins for 2024: Enhance Your Site's Performance
WordPress is a hands-down favorite of website designers and developers. Renowned for its flexibility and ease of use,…
By WDD Staff
Exciting New Tools for Designers, July 2024
Welcome to this July’s collection of tools, gathered from around the web over the past month. We hope you’ll find…
3 Essential Design Trends, July 2024
Add some summer sizzle to your design projects with trendy website elements. Learn what's trending and how to use these…
15 Best New Fonts, June 2024
Welcome to our roundup of the best new fonts we’ve found online in the last month. This month, there are notably fewer…
By Ben Moss
20 Best New Websites, June 2024
Arranging content in an easily accessible way is the backbone of any user-friendly website. A good website will present…
Exciting New Tools for Designers, June 2024
In this month’s roundup of the best tools for web designers and developers, we’ll explore a range of new and noteworthy…
3 Essential Design Trends, June 2024
Summer is off to a fun start with some highly dramatic website design trends showing up in projects. Let's dive in!
15 Best New Fonts, May 2024
In this month’s edition, there are lots of historically-inspired typefaces, more of the growing trend for French…
By Ben Moss
How to Reduce The Carbon Footprint of Your Website
On average, a web page produces 4.61 grams of CO2 for every page view; for whole sites, that amounts to hundreds of KG…
By Simon Sterne
20 Best New Websites, May 2024
Welcome to May’s compilation of the best sites on the web. This month we’re focused on color for younger humans,…