Image Governance for MyListing Websites

The smaller the images allowed on your website, the better it will perform and this also helps prevent timeouts resulting in Listing submission abandonment.

This guide will teach you how to prevent users from uploading images that are larger than they need to be, in order to reduce disk space usage on your server, while providing a better user experience.

MyListing Image Governance

I set a 600 KB max limit for image upload file sizes and educate users about this limitation using the applicable Submit Form field descriptions (Logo, Cover Image, Image Gallery, etc.).

While the 600 KB limitation may seem too restrictive, if you take a closer look, you will see that’s not the case, as I go on to discuss below.

Generally speaking, if we look at an image with dimensions of 1920 x 1080 px (Full HD) and in .jpeg format, it is somewhere around 315 KB, and those dimensions are significant to MyListing, as those are the recommended dimensions for Cover Images.

My Approach

To limit the image upload size, as previously mentioned, you can use the Limit Image Upload Size Code Snippet.

I also completely remove the helper text (e.g. ‘Maximum file size: …) using the CSS shown below.

				
					/* ML - SUBMIT FORM - REMOVE THE IMAGE UPLOAD SIZE LABEL */
#submit-job-form .file-upload-field small {
  display: none !important;
}
				
			

I use the description area for each image-based field (Logo, Cover Image, Gallery, Restaurant Menus, etc.) to educate the users as to the file size upload limit, as shown below.

To see all of this in action, please visit any MyListing Club Starter Site and start the ‘Add Listing’ process.

My Client Made It Work

I understand you may look at my proposed image governance and think there is no way that could work for my website, whether it’s due to potential user friction or just because you don’t want to do it.

One of my clients thought there was no way this governance would work for them, as their user base was full of “really finicky people” (their words) that don’t want to be bothered with “limitations”, but I asked them to give it a try. 

Out of her 8,000+ users, only 2 or 3 said the 600KB limit was an issue so we talked with those users and found out they were trying to upload 10MB images from their mobile phone and after a simple email, these users understood why the limitation was there and they were able to get their images uploaded without issue.

Why You Should Too

While the lack of image governance can put a strain on your server, let’s put website performance optimization aside for the moment and talk about website hosting storage and a real-world example of how it can be an issue if it gets out of control.

I recently had a MyListing website owner come to me looking to migrate their website to better hosting, and while this is typically a slam-dunk, in this case, there was a big problem.

The website owner had gone with cheaper hosting that offered tons of storage (typically on poor-performing technology/hardware) at a very cheap price, and their website was essentially the Wild Wild West, with no image governance taking place, and users uploading anything and everything in terms of images, continuously adding to the cheap storage.

We were looking at over 30GB worth of images alone that needed to be migrated and looking at the better premium website hosting vendors like Kinsta, Pagely, Flywheel, etc.), the website owner would be looking at $250/month+ to host their website.

At this point, the website owner had dug themselves into a deep hole and the options were to stick with their current hosting provider, do a mass deletion (dangerous and time-consuming), find a way to offload the images to a separate vendor solution, or just pay the super high price for hosting somewhere else.

Long story short, without image governance in place, website owners can find themselves needing to add complexity and high costs that could have been avoided.

WooCommerce Subscriptions Ready

The latest version of the WooCommerce Subscriptions plugin is included (unlicensed) and once you have a Starter Site in hand, you can easily put in your own pricing, package features, graphics, etc.

Should you not wish to use WooCommerce Subscriptions, you can simply turn the Listing Subscription packages into standard MyListing packages in just a few clicks and be on your way.

  • WooCommerce Endpoint Design
  • WooCoommerce Subscriptions Setup
  • Listing Subscription Packages
  • Listing Subscription Switching
  • Stripe Payment Gateway Plugin
  •  and more…

Premium Assets

Get licensed, premium plugins, valued at over $600 in the first year alone, making a Starter Site investment a no-brainer.

You will get licensed copies of all the plugins listed below, with the exception of the WooCommerce Subscriptions and WooCommerce Product Vendors, and the licenses are yours to keep, for as long as the plugins remain on your website.

  • Elementor Pro ($49)
  • Perfmatters ($25)
  • Permalink Manager Pro ($45)
  • SEOPress Pro ($39)
  • UiPress ($39)
  • WooCommerce Product Vendors ($79) 
  • WooCommerce Subscriptions ($199)
  • WP Rocket ($49)