![]() ![]() One way to significantly decrease the size of JPG files is to blur the sections that aren’t the focus. ![]() With the image you’re seeing above the size reduction was pretty great, with no noticeable loss of quality. Check “Optimize with ImageOptim” to get an extra size reduction. Try to make the colours number as small as possible without destroying the integrity of the image.Īfter you’re finished you have to re-save the image over top, so go to the menu and go to File > Save As… and just overwrite your original PNG. Using the slider on the left, reduce the number of colours until the image doesn’t become distorted. Open up ImageAlpha and drag and drop your PNG into its window. There’s another tool called ImageAlpha that allows us to take our PNG-24 graphics and convert them to PNG-8, reducing their colour palette but keeping nice transparency. When exporting our PNGs from Photoshop we always choose PNG-24 because Photoshop’s PNG-8 implementation isn’t correct, lacking 8-bit transparency.īut, PNG-8 has lots of performance gains because it can make much smaller file sizes with it’s limited colour palette. The difference between PNG-24 and PNG-8 is just the number of colours that can exist in the file: And for other website resources we can increase performance with just a little care. ☛ Make sure you follow all the steps in the basic performance tutorial first.įor images we always start by choosing the correct format, compressing as best we can, and running through ImageOptim. There’s a whole lot you can do to make your website faster before getting to these steps. There’s lots extra we can do to make our websites super fast and therefore our users super happy. Performance is one of the most important constraints of web design. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |