Speed Up Your Word. Press How to Save Images Optimized for Web. Are you saving images wrong Most beginners dont know how to save images properly which can have a huge impact on website speed. In this article, we will show you how to properly save images optimized for web. Every blogging expert will tell you that images help increase engagement. However what they dont tell you is that not optimizing images for web can slow down your site. According to Strangeloop, a one second delay can cost you 7 of sales, 1. Video Tutorial. If you dont like the video or need more instructions, then continue reading. How to Save Images Properly When saving images, you need to consider two things image file format, and compression. By choosing the right combination, you can decrease your image size by 5x. For most of us, the only two image formats that matter are JPEG and PNG. To keep things simple, use JPEGs for photos or images with lots of color, and use PNGs for simpler images or when you need transparent images. For those who dont know the difference, PNG image format is uncompressed which means it is a higher quality image. The downside is that file size is much larger. On the other hand, JPEG is a compressed file format which slightly reduces image quality in order to provide a significantly smaller file size. B.png.b1e5e6f4acadad6064e116b5b59b7972.png' alt='Tinypng Photoshop Plugin Full Version' title='Tinypng Photoshop Plugin Full Version' />On WPBeginner, majority of our images are JPEGs. The next thing is compression which means using a tool to save images optimized for web. Data Loader Keygen Serial. Compression can make a huge difference. See the table below which highlights the few combinations we could have used to save the Strangeloop image used in this article. Image Format. Photoshop Optimized JPEG High. KBTiny. PNG Optimized. KBJPEG Mini Optimized. KBPhotoshop Optimized JPEG Max. KBNon Optimized JPEG Max. KBPhotoshop Optimized PNG1. KBNon Optimized PNG1. KBImage Compression Tools for Bloggers. Now that you have seen the difference each compression type makes, below is how you can properly save images optimized for web and speed up your site. Adobe Photoshop. Adobe Photoshop is a premium software that comes with a feature to save images optimized for web. Simply open your image and click on the File Save for Web Devices button. This will open a save screen. On the right, you can set different image formats. For JPEG format, you will see different quality options. When you select your options, it will also show you the file size on the bottom right. Note We understand that Photoshop is fairly expensive. GIMP is a free alternative that users can use. Other Adobe products such as Fireworks can do the job as wel. Tiny. PNGTiny. PNG is a free web app that uses smart lossy compression technique to reduce the size of your PNG files. All you have to do is go to their website, and upload your images. They will compress the image, and give you the download link. For developers, they also have an API to convert images automatically. JPEG Mini. JPEGmini uses a recompression technology which significantly reduces the size of images without affecting their perceptual quality. You can use their web version for free, or purchase the program for your computer. They also have a paid API to automate the process for your server. Image. Optim. Image. Optim is a Mac utility that allows you to compress images without losing any quality by finding the best compression parameters and removing unnecessary color profiles. Windows alternative to this is Trimage. As you can see that there are several tools you can use to optimize images for web. When using Photoshop compression, we saw the best results in size however the quality was affected. Tiny. PNG was a clear winner for saving any type of PNG on the web. Some suggest that you can use a combination of Tiny. PNG or JPEG Mini and Image Optim for even better results. However running two separate tools to upload images can increase your workload a bit. How To Optimize Images for Web and Performance. The primary goal of formatting your images is to find the balance between the lowest file size and an acceptable quality. FAQ Installation Instructions. Upload the wpsmush plugin to your wpcontentplugins directory. Activate the plugin through the Plugins menu in WordPress. Make your website faster and save bandwidth. Honeywell Software Update. TinyPNG optimizes your PNG images by 5080 while preserving full transparencyStep by step guide on how to properly save images optimized for web and speed up your WordPress site. List of image compression tools, tips, and more. Final Thoughts on Image Optimization. If youre not saving images optimized for web, then start doing so now. It can make a huge difference on your site speed, and your users will thank you for it. Sure the image quality might decrease slightly, but most users wont notice it. If youre looking for quality images, then see our guide on how to find royalty free images for your blog posts. Last but certainly not the least, using a CDN to serve images for your Word. Press site can significantly speed up your site. Check out this infographic to see what is a CDN, and use our guide on how to setup CDN for your site. Were using Max. CDN for our site. We hope you found this article helpful. Do you have blogger friends whore saving images wrongShare this article with them, so they can speed up their site. Theyll thank you for it. If you have any questions, then please leave a comment below. Also dont forget to follow us on Twitter and Google.