Skip to main content Screen Reader Website Version

Understanding Image Optimization

Image optimization is complicated and a multi-tiered process that takes months of study and practice.

Just kidding. It’s easy.

First, make sure you’re images aren’t huge. Most digital devices take pictures in high resolutions and most stock photos come that way. Always size your images to the exact size they’re going to be online. If you’re using relative widths with a responsive design (eg 100%, 90%,) then size it to the max width you’re using and consider using media queries to  scale down the image if possible for mobile devices and tablets.

Second throw your images through an optimizer to reduce their overall “weight”. This won’t affect image quality most often and will reduce the KB of your image by up to 95%. So a 100KB image becomes more like 5KB. This is significant. The best image optimizer (free) on the market it RIOT. http://luci.criosweb.ro/riot/ RIOT is easy to use and does a great job on jpegs … not so much on transparent png’s. Still it is very useful and best of all, free.

Ultimately, that is it. Size your images and run them through an optimizer …. aaaaaand…. you’re done. Simple. Livewire.

More Web Design Blog Content

An Accessibility Mindset

How often do you receive this response when inquiring about making a website more accessible? We wish we could devote more resources to it, but at the moment we just don’t know enough to get started. The value and necessity of making websites accessible are generally recognized. Almost

Javascript called by PHP

Interesting little snippet. What is going on here? Livewire gives you the low down.    if($num_rowvs == 0){ echo ‘<script>// <![CDATA[ alert(“This is an alert message. I’m alerting you that you are totally awesome!”); // ]]></script>’; }   First, we’re creating a simple if statement in PHP.  Not entirely

Product Variations – WordPress Plugins

So this is a nice little plugin – an add-on to Woocommerce called Smart Variation Images. The extension allows  you to set different images to each product variation. This is handy to display different style types to the user as they browse through your product variation choices. Each time they

Google Removing Anonymous Reviews

So it appears, as far as Search Engine Journal is reporting, that Google is removing anonymous reviews. And, honestly, why wouldn’t they? If you’re going to write a review you should have the guts to state your first name … or take the time to create a fake

Content Marketing Mistakes That Derail Your SEO

Don’t fall into the trap of content which won’t rank on search engines to go along with your sites top-flight graphics. All the effort and money poured into your website is for nothing if you don’t rank on a search engine. These are some common mistakes that can

Facebook Ads V2

Still debating whether or not to use facebook ads? The short answer is you just have to put something out there to get the data back in order to determine if it gives you that ROI or not. Facebook’s network is extensive and the major benefit of advertising