The ideal solution is to just add a brand color or pattern that allows them to read the text on your header clearly and quickly. It will only make your content hard to read. When somebody looks at your website on a mobile phone, they don’t need a big fancy background image or video. Now, I am ALL FOR creative backgrounds (especially in the header of your page) but the biggest issue is optimizing these backgrounds for mobile. The second problem is heavy background images and video. You can also use these tips with stock photos to make your website look great! Tip #2: Optimize for Mobile They also make a fabulous Photoshop plugin that I use for all of my clients. You can look at a client success story where I used all of these tips to optimize their website. Even though it will look like absolute crap when it’s zoomed in, when it’s shrunk down to half its size, it will look spectacular.Īnother great resource for optimizing transparent png images is.

So for instance, if you have a photo that is 300×300, you would increase the size to 600×600 and then decrease the jpeg quality to around 10. In Photoshop, you’ll want to Save for Web, then reduce the quality down to 10-20. Whether you use a program online such as, or tweak your Photoshop export settings, you can easily increase the size while decreasing the overall quality. The image will still look great, but will take very little bandwidth to load. When you increase the size of your images and then display them at 50% the total width, your images will absolutely spectacular on retina displays.īut DON’T FORGET the most important part of the optimization process! When you increase the size of an image, you also need to reduce the overall quality down to 10 or 20%. Un-optimized images are one of the biggest problems I come across, and the solution is super simple.Īll you have to do is increase the size of your images by about 2X, and reduce the quality down to about 10-20%.

This first issue that I get asked about a lot is, “ how can I optimize my big ass images? ” You can do a lot on your page to keep a visitor engaged, but if your page takes too long to load, they won’t be sticking around to give your content any attention at all.

T hese three tips I’ll be sharing today are going to help solve the major problem that a lot of entrepreneurs have, which is attention retention. If you promote and sell your services online, you need to catch peoples attention instantly, or else they’ll bounce off your homepage before its even done loading.

Tinypng photoshop plugin free download