Optimize Images & Make Your Site Easier to Understand – Friday Website Review

Author
Shane Melaugh   97

Welcome to our first ever Friday Website Review! In this series, we'll have a look at a reader submitted website each week and provide suggestions on how the site can be improved for better performance and more conversions.

Some of the main takeaways from today's video are about how you can optimize images on your site and make changes to increase the clarity (i.e. make the site less confusing for visitors).​

More...

Links & Resources

Here are links to go along with everything I mentioned in the video:

The Image Size Issue

If you're using a Thrive Theme, you can find guidelines about recommended image sizes in this section of our knowledge base.​

If you're using a different theme, you can use the browser development tools in Chrome or Firefox to detect image dimensions. Here's a tutorial video with more information about how to do this.​

To resize images, you can use any image editing tool or dedicated resizing tools such as this one for Windows and this one for Mac OS.​

Apart from changing the image dimensions, we also recommend that you compress the images, to make your website faster to load. If you're a Thrive Themes member and using one of our themes, every image you upload is automatically compressed and you don't have to take any extra steps. If you're using a different theme, you can use an image optimization service like Kraken.​

Would You Like to See More Website Reviews?

If you enjoyed this post and would like to see more website reviews like this, please share the post and help us get the word out.​

If you have suggestions about how we can make the website reviews more useful, please let us know by leaving a comment below!

We are currently not taking any new site submissions, but we'll reopen site submissions if this series is well received and we decide to continue past the first few episodes.​

Shane

by Shane Melaugh  January 2, 2015

97

Enjoyed this article ?

You might also like:

Leave a Comment

  • Hello Shane,
    Thanks for this website review! It actually gave me some things to work on for my own site. So yes, please continue.
    Best wishes,
    Mark

  • Hi, Shane! I found this video very helpful. Just so you know, the Thrive Themes image guidelines don’t give sizes for sidebar images. Also, the guidelines give widths, but not height. Do the themes control the height of any of the images, or do we have to choose the height that we want for every image that we upload (other than thumbnails)?

    Also, the last I read on your forums, several people were saying that they were having major problems with the integrated image compression service that Thrive Themes uses, and they had to stop using it. Do you know what the current status of that issue is?

    • Hi Debra,

      The image width is what matters for the image scaling issue. For featured images in our themes, we generally don’t crop the height, so it’s up to decide how tall you want each image to be. The point about scaling is that if an image is too wide to fit, say, the content area, it needs to be scaled down in the browser, to make it fit. However, if the image is very tall it doesn’t need to be scaled, it will just take up more vertical space (which is covered via scrolling).

      We’re working on resolving the automatic image optimization issue. I can’t give you a more detailed update than that, I’m afraid.

      • Thanks Shane Melaugh for sharing the review. From my own experience Thrive Themes is working well if the image dimension is adjusted properly with Photoshop before using on web!

      • Yes, it’s very beneficial to scale images to the correct size for your site.

  • I found this first review interesting and helpful. Keep ’em coming!
    I always learn something from your videos. You’e a great teacher!

  • Thank you Shane! I am a new member and would appreciate seeing more website reviews. Best practices are a great support. I have to say I am in awe of how much Thrive offers!

  • Hey Shane, this is really a very good idea – anything to help make our sites better. BTW, I constantly forget the image sizes so I installed the free ZigDashNote plugin and pasted the sizes so they show up on my Dashboard rather than having to go searching each time. I’d rather not have to use the plugin, so if you can add something similar! (hint, hint)

  • Hello Shane,

    thank you for this review! It was really useful for me (or will be 😉 ) – Keith is right, you are a good teacher.
    For example, you got really clear for me why I should not have different offers on the home page.

    So, please continue this series!

    All the best,
    Susanne

  • Great video – useful to me even though my websites are in different niches.

    Are you going to bring out a theme guide for the Pressive theme? I would like to know the recommended image sizes.

    • Hi Paul,

      You’re right, the theme guide for Pressive is missing. We’ll add that as soon as possible.

  • Shane, this is a really useful video. It is always extremely helpful to see web site examples with excellent editing suggestions. Keep them coming please!

  • What an excellent Review Shane!
    This is so practical and valuable to any budding website owner.
    Please continue with this as it has much greater value than a standard ‘theoretical’ tutorial.

    • Thank you, Trevor! Very good to know that people are actually taking action on the contents of this video.

    • Thank you, Sam! If we keep doing these reviews and we open for new submissions again, we’ll post an announcement in one of the future review videos.

  • Hi Shane,
    This is excellent! Very helpful guidelines and so valuable to be reminded of what we should be thinking about at each stage of design. Please keep them coming!

  • Outstanding review…that’s easy to say for me.
    It wasn’t mine!!
    Seriously, your critique was very informative and I appreciate the ideas you shared.
    If you do decide to review mine, please let me know in advance so I can schedule an appointment with my therapist !!

    • Thanks, Tom!

      I should probably add a disclaimer to these reviews, stating that nothing should be taken personally. 🙂

    • Yes, good one. This is the one I used before Thrive Themes and the automatic optimization built into them.

  • Hey Shane,

    This is great and I look forward to more! This review was very helpful for me in doing more tweaking on my site. I appreciate your way of teaching and the practical application you offer in your videos. And I just have to give a plug for your tech support team. I have never seen anything like them! They are friendly, helpful and their response times, to my queries at least, has really gotten short! Keep it up!

    Very best,

    Paul

    • Thank you very much, Paul! Yes, we have some really great people in our support team and I’ll forward this to them.

  • Hi Shane, the review was very helpful, particularly as I am about to design a recipe site for a client. Commenting on a live website is a great teaching tool.

    I hope you are encouraged to make this a permanent feature.

    • Thank you, John! I was a bit worried about the length of this video, but it seems that wasn’t an issue for most viewers.

  • Shane, this is phenomenal material. You ALWAYS provide superb teaching. Thanks for the high value content and actionable material. I am currently working on my new site, http://tlcforyourbiz.com but I would love your review of it when it is complete. Thanks for the great work and great products – and keep it up!

    • Thank you very much for this encouraging comment, Donald! We will announce it if we reopen the Friday Website Review for new site submissions. 🙂

  • One question in relation to your review:

    you mention that there could be more relevant information above the fold if the image had text over it.

    Is there a way to achieve this with Thrive themes (I use Minus)? Above all with clickable area/s / opt-in-form?
    And/or with TCB that I use too?

    I know how to put text on a photo with Photoshop and then upload it but that’s not what I mean.

    I mean a tool or plugin with wich you can put any text on the header photo (and have it scalable as the header itself, of course).

    Thank you for your advice,
    Susanne

    • You can use the header options for this, but that’s not what I’d primarily recommend. Space above the fold is precious, so I would stay away from any design that takes up a lot of that space on every single page on your site (an exception to this would be a Focus Area, which basically uses this above the fold space to drive visitors towards your most important conversion goal). Instead, I recommend using an image with text overlayed only on landing pages where it makes the most sense (e.g. your homepage). You can do this by creating a page section with an image background and then adding whatever content you want on top of that image.

  • Love Love Love this Shane…practical applications are always better than abstract statements about “what to do.” I took some of the hints from other videos you’ve done and took a crack at my home page and navigation. Not great and getting better with vids like this. Now off to share it!

  • I thought that this was very useful,it is always good to pick up tips by actually seeing a live demonstration. I hope that you do more of these. Thank you.

  • Thank you Shane for a very informative training. I have a Squared theme set up but haven’t started any pages or posts yet because I was at loss as to how to do it. This has been so helpful. Please continue.

  • Thank you sir for this review. I actually changed several things on my blog as I was watching your review. I just paused and went over and corrected via your suggestion. Excellent content!

  • Hey Shane,
    Let me first tell you how excited I am coming across Thrive Themes. I follow a handful of internet markets and you are by far the best teacher. Your teaching style is phenomenal. I do have a couple issues that I hope you can help me with.
    1. What is the best way to upload images onto your wordpress site? I followed your post on how to set up your FTP client but whenever I upload images they don’t show up in the media library. Can I upload them directly from my computer?
    2. What exactly do you use the FTP client for? I am confused as to why I cant upload files directly.
    3. If I upload a PDF file through my FTP client and want to get it on my wordpress site, where would this show up on my actual website? Sorry for all the questions, these few issues are driving me crazy and I am a complete newbie.
    I currently am working with the focus blog and content builder plug in. Thank you for such great tutorials.-Ian

    • Hello Ian,

      For images, there’s no reason to use FTP. You can easily upload them directly through WordPress. And the same is true for PDF files as well.

      For WordPress, I rarely use FTP at all. One instance that can happen is that there’s an upload limit set by the host, which means you can’t upload large theme or plugin files. In that case, uploading via FTP is a solution.

  • i think this is a great idea. I often see blogs showing something like – ” Top 40 Best Responsive Websites ” – but never with an in depth review of a single site like this one. Getting the big picture is very helpful.

  • Thanks Shane. This type of advice really streamlines the creative process. Very valuable tips. The ctrl+f5 fresh reload is very useful.

    • Glad you liked it, Rudy! Ctrl+F5 is a good thing to know about, yes. Whenever something looks strange on your site, doing a hard refresh like that will also show you whether it’s a caching issue or not. If it’s a caching issue, a hard refresh will fix the problem. If not, the issue will remain.

  • Been tinkering with wordpress for years. Haven’t really had any idea what I was doing until Shanes blog came about. Very helpful reviews. Most valuable wordpress course anywhere. With the software back end to deliver. Many thanks.

    • Thank you very much for this comment, Rob! I’m very happy to hear that this content is helping you with your work.

  • Hi Shane,
    Thanks for this valuable information. I’ve just installed FocusBlog Theme and had it on my To Do list to revisit image sizes – so this is timely to say the least.
    Does the ThriveTheme Image Optimization only work on images uploaded after the theme is installed?, i.e. will I need to reload old images used on the previous theme in order for them to be optimized via the built-in tool?
    Thanks again, and please keep the Friday series running!
    – David

    • Yes, that’s correct: we can only automatically optimize images that are uploaded after the theme is installed and activated.

  • Excellent , Very good review Shane. In addition shows why one can be powerful with a good tool to make changes quickly, Keep up the great work Shane, your business will grow from strength to strength because of your desire to help your customer base. We appreciate your efforts, thank you.

  • This is a brilliant idea by reaching out like this to show us the steps in bettering our websites is godsend. Keep the Friday website reviews.

  • Will this theme be useful for a photography website? I think it can be helpful to customize any design. Thanks for the great tips.

    • Hello John,

      In principle, it can be. We have not created any features that are specifically catered to photography websites, though.

  • why are all my images are exactly the same on my website? i have several images in my website but all of them show the same thing. help please

  • Hi Shane,

    Thank you for sharing such an amazing video with us. the review was fantastic and made a fan of yours. It was really an informative video. Keep it up.

  • {"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}