Book Image

Bootstrap Site Blueprints

Book Image

Bootstrap Site Blueprints

Overview of this book

Table of Contents (16 chapters)
Bootstrap Site Blueprints
Credits
About the Authors
About the Reviewers
www.PacktPub.com
Preface
Index

Optimizing images


Our images have already been optimized to a degree using Photoshop's "save to web" process. But, together, they still weigh in at 856 KB.

The images are important. (It's a portfolio site after all.) However, this is a considerable payload. In Appendix B, Implementing Responsive Images, I recommend a responsive image technique that will reduce the file size for smaller devices. But even without that technique, if we can reduce the file size by compressing these files more effectively, we should do it.

We can usually squeeze out a few more pixels without damaging our images by using tools such as Yahoo!'s Smushit (http://www.smushit.com/).

For Mac users, the free ImageOptim app at http://imageoptim.com/ is a similarly helpful tool. By using it in this case, I've been able to shave a total of 29 KB off my combined image weight.

That's not a gigantic gain, but every bit helps a little. Let's keep going.