Image Options for Better Web Performance

Last Updated on Thursday, 18 April 2013 02:34 Written by David Bauernschmidt Tuesday, 23 April 2013 12:00

If you read articles on best practices you will quickly read that one of the best ways to increase performance is to limit your calls to the server as well as “shrink” the size of those files.  Implementing and keeping up with all of the options can actually take a full time job.  However as a small business web developer, I have realized that just implementing some of these can have a profound impact to your site.  We are always loading “assets” from the server to support a page.  These “assets” might include, images, javascript libraries, style sheets, video, audio, etc.  Better managing these assets not only improves performance but in some cases also lowers the band-width requirements.  We are very visual people so it has been my experience that the areas for great performance is to address the images first and then move on to the other areas. I am not saying that the other areas aren’t important but rather some of the little things you can do to images can improve a lot towards performance. My goal is talk about some of the available options as well as give you some thoughts and links that make this even easier.

Blur and Desaturation Filter for Images by CMSms

Last Updated on Saturday, 23 February 2013 02:09 Written by Nic Bug Monday, 25 February 2013 12:00

One day I was looking for a VERY convenient way to let the user upload images in CMSMadeSimple with nice blur and desaturation filter without using third party tools. I came up with a very smart solution.

First, you might want to take a look to a real life example: http://www.endlich-urlaub.de/
As you can see, the background image is b/w and has a slight blur on it. The source image for processing is:

Merging Text and Image in Newsletter Made Simple

Last Updated on Tuesday, 19 February 2013 06:16 Written by Nic Bug Monday, 18 February 2013 12:00

I’m always looking for a nice and convenient way to apply complex imageprocessing to images without making use of third party tools. This time I want to apply a ramp and a textlayer to a campaign image in newsletter made simple. This tutorial is for experts!

We take this image:

How to Add a Default Image Watermark for Photos in Clip-Bucket v2

Last Updated on Sunday, 11 November 2012 04:25 Written by Richi González Thursday, 15 November 2012 12:00

Hello,

In this article I will guide you through the steps for adding a watermark to photos in Clip-Bucket v2. The task is very simple and fast to accomplish.

Difficulty level: Easy

1. Login into your admin_area (yoursite.tld/admin_area).

The Different Components for Using Silex

Last Updated on Tuesday, 6 November 2012 08:28 Written by Antonin Friday, 9 November 2012 12:00

As you all know components are essentials to any publication on the web. You’ll find listed below the different types of components available for Silex:

Image component (jpg, png, gif)

This component allows you to insert images with different format in your publication.