Catégorie : OPTIMIZE

Choosing A Responsive Image Solution

If you code websites, it’s a good bet that at least one of your clients has asked about or requested a mobile-friendly website. If you go the responsive design route (whereby your website is flexible enough to adjust visually from mobile to desktop widths), then you’ll need a strategy to make images flexible, too — a responsive image solution.

The basics are fairly simple to learn, but once you’ve mastered them, you’ll find that scaling images is only the beginning — you might also have performance and art direction conundrums to solve. You’ll be faced with a wide field of responsive image solutions to choose from, each with its own strengths and weaknesses — and none of them is perfect! This article leads you through the basics, and then arms you with the information you’ll need to pick the best responsive image solution for your situation.


Continue Reading

3 outils optimisation d’images

EWWW image optimizer

Shrink O’Matic

Shrink O’Matic is an Adobe AIR application to batch and resize images easily, handling JPGs, GIFs and PNGs. Drag and drop images into the app and they will be resized. You can customize the settings and choose the output sizes, rotation, name, location, format and watermark. It supports EXIF data so you won’t lose any information once the images are processed.

Tiny Png

enables advanced lossy compression for PNG images. It preserves full alpha transparency and reduces the file size by selectively decreasing the number of colors and bytes in the image.

The effect is nearly invisible, but it makes a large difference in file size. It takes 24-bit PNG files and converts them to much smaller 8-bit indexed color images, with all unnecessary metadata stripped as well.

Continue Reading
Continue Reading