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

Raven Tools

Took a look at Raven SEO tools today. Really, not all that impressed. They have a good price but it mostly looks like you’re just hooking up other services to be managed in one location. That’s valuable in and of itself, but not really what we’re looking for

Understanding Value

At Livewire, we definitely understand what value means. As primarily a B2B driven business we know that value goes beyond a ROI, although that is incredibly important. A proper return on investment is the measuring stick by which most business owners value our services, and that is totally

The problems with Wix

Wix is a do-it-yourself website builder. While this may seem to be in direct competition with Gainesville Web Design companies, they fill an important niche; mainly, those customers that cannot afford a professional website but still desire to have a nice looking design for their business. The templates

Minimalism in Design

By eliminating clutter and concentrating on essential features, minimalist web design prioritizes user experience. This method prioritizes an uncomplicated and aesthetically pleasant user experience by utilizing clean lines, plenty of white space, and a minimal color palette. Minimalist websites accomplish these goals by reducing unnecessary design features, which

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