yensdesign – Tutorials, Web Design and Coding

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:

• Minimize HTTP Requests
• Selecting the Right Format for your Images
• Optimizing JPEG images
• Optimizing PNGs images
• Optimizing GIFs images

So let’s dive into the tutorial guys!

(more…)

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:

• Minimize HTTP Requests
• Selecting the Right Format for your Images
• Optimizing JPEG images
• Optimizing PNGs images
• Optimizing GIFs images

Let’s go guys!

(more…)

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:

• Minimize HTTP Requests
• Selecting the Right Format for your Images
• Optimizing JPEG images
• Optimizing PNGs images
• Optimizing GIFs images

Let’s dive into the tutorial guys!

(more…)

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:

• Minimize HTTP Requests
• Selecting the Right Format for your Images
• Optimizing JPEG images
• Optimizing PNGs images
• Optimizing GIFs images

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

(more…)

Hi there guys! In yensdesign, we are continuously talking and publishing tutorials, tips, tricks and cool effects to improve the user’s experience by making our websites more friendlies and accesibles.

But there is a very important thing that you must not forget and which is the main cause by which users leave the site : LOADING SPEED.

We are going to review some important concepts about website’s performance and explain best practises to speed up your websites to reduce the loading time. Your server and your users will be happier at the end of these articles

Actually we have published these articles:

• Minimize HTTP Requests
• Selecting the Right Format for your Images
• Optimizing JPEG images
• Optimizing PNGs images
• Optimizing GIFs images

So let’s dive into the first part of these series: Minimize HTTP Requests.

(more…)