yensdesign – Tutorials, Web Design and Coding

Daily free tutorials about web design, coding, jquery and more

Posts Tagged ‘optimize images’

Speeding Up Your Website: Optimizing GIFs images

Wednesday, February 18th, 2009

It’s the turn of the GIFs images in our optimization image process of Speeding Up Your Website series.

We are going to learn how to reduce the file size of our GIFs images without losing quality, converting to PNG and optimizing GIF animations.

We are going to use ImageMagick and GIFsicle to achieve it.

Actually we have published these articles:

So let’s dive into the tutorial guys!

(more…)

Speeding Up Your Website: Optimizing PNGs images

Wednesday, February 11th, 2009

Hey guys! We continue the serie of Speeding Up Your Website with a new article focused on the optimization of PNGs images.

We are going to learn how to reduce the file size of our PNGs images without losing quality, removing these chunks of information that we won’t need to display the images.

We will use pngcrush for our purposes but we will share with you other alternatives.

Actually we have published these articles:

Let’s go guys!

(more…)

Speeding Up Your Website: Optimizing JPEGs images

Friday, February 6th, 2009

In last article we have seen wich kind of image format we can use in each situation in our websites, so now it’s time to know how to optimize these images.

We are going to learn how to optimize our JPEGs images by reducing useless information and without losing quality in very clear steps.

We are going to use jpegtran to our purposes of optimization.

Actually we have published these articles:

Let’s dive into the tutorial guys!

(more…)

Speeding Up Your Website: Selecting the Right Format for your Images

Tuesday, February 3rd, 2009

Hi guys! We continue the optimization series with this new part focused in select the right format of our images to spend less resources and speed up our websites.

After knowing how to begin our optimization process with the article titled Minimize HTTP Requests we are going to learn how to pick the right format of our images: GIF, JPEG or PNG.

Actually we have published these articles:

So let’s dive into the second part of these series: Selecting the Right Format for your Images.

(more…)