909-929-2928 [email protected]

Why and How to Save for Web

We Creative Types have to share our artwork somehow and most times we will be sharing it on the web. However, we run across the dilemma of needing high-quality images of our artwork, but also needing to keep our websites lightweight and running smoothly, so we don’t slow down the devices that our viewers are downloading these images from. In a world where we both pay and are sometimes forced to wait for good internet service or Wi-Fi, every kilobyte counts. That’s why I recommend using “Save for Web” which is a super handy tool that most design programs offer.

Why Use Save for Web?

Whether it’s photographs (bitmap) or vector artwork, “Save for Web” is the way to get the best compression of your images. When using the “Save for Web” option, you save space on your website and cut down loading time significantly and you can select the level of image quality you prefer. The different levels of compression you can choose include: low, mid, high, and max quality. You also have the option to “Save for Web” as .GIF, .JPG, or .PNG depending on what you plan to use them for.

How to Use Save for Web

I’ll tell you how to save your images in Photoshop, for example.
The simplest way to utilize “Save for Web” is via the following shortcut:
[Ctrl/Cmnd + Alt/Opt + Shift + “S”]

You can also use the file drop down menu:
File > Export > Save for Web (Legacy)

Save For Web ( Legacy) Screenshot


The Future of Save for Web

Unfortunately, Adobe will not be developing any new features for its “Save for Web” tool, however it won’t be removing the option. Adobe has created a new process in which you access the “Export As” option through the File menu instead. There is a whole new workflow being developed for this feature. This Adobe document talks further about the newer “Export As” feature which you might find useful: https://helpx.adobe.com/photoshop/kb/save_for_web_Photoshop_CC_2015.html