Web Developers – Export smaller files by using “Export As” in Photoshop
For years we have used the â€œSave for Webâ€ export in Photoshop for our files.Â I now want to encourage you to give the â€œExport Asâ€ option a shot.
This new way of exporting is robust and has a real nice way for us to turn those large png files into much more manageable file sizes for our web development.
One of the things we struggle with as web developers is keeping file size down while still maintaining the good look of our images and graphics. Using â€œExport Asâ€ can give us some great file size savings while preserving the look of our file. Letâ€™s take a look below.
Here I have a simple graphic with 3 Watercolor Artist magazine covers stacked.
Letâ€™s take a look at what the file size will be when we use â€œSave for Webâ€.
So 239k for â€œSave for Webâ€, let’s now look at what â€œExport Asâ€ will give us. Shift-Command/Ctrl-E on your keyboard.
The 270k is no savings at all,Â but try selecting the â€œSmaller File (8-bit)â€ checkbox.
We gain a substantial amount of file size savings down to 67k and the graphic still looks great.
When we are constantly battling to make our pages lighter and better for our end users every little bit counts. Adding this way of exporting our png files can be another step that we can use to serve better pages to the end user.