Kraken gives you a choice of compression modes: Once the tool compresses the image, you can download it and use it anywhere you need. And then go on to add effects like captions, borders or shadows. If you wish, you can also view EXIF data (time, date and camera make) and resize your images. Using just the default setting, I was able to cut down the file size by 66%. Most of us should be fine with the default compression of 65, though the website can compress images anywhere between 0-99. JPEG Optimizer is one of the first solutions to check out if all you need is to compress JPEG images. Now, let’s dig into the tools in more detail… 1. By shrinking file sizes across the board, even by a little bit, you'll can increase load time speeds and decrease customers closing their browser windows because they're tired of waiting for images to load.*it lets you optimize manually afterwards Your site probably has hundreds or thousands of images. One doesn't work with the current version of Google Drive Sync, so store your images elsewhere before dragging to ImgageOptim. ImageOptim compressed the file and saved it where it was originally. You'll see the percentage of file size reduction in the right column. You can drag a single image, or multiple images at a time. Drag images to ImageOptim in the dock to shrink their file size.Now that the ImageOptim app is in your Applications folder, create a shortcut by dragging it to your dock.Drag ImageOptim.app to your Applications folder.Unzip the downloaded file by double clicking it.Here's how: Download and install ImageOptim You should run every image through something like ImageOptim before uploading to Shopify. They can take that already shrunk file and save a little more space. There are alternatives online, though, if you're not using a Mac (or just don't trust our de). ImageOptim is a simple and free application for Macs that further compresses your images without quality loss by ridding them of metadata. Further compress with something like ImageOptim You'll have to play with it a little to get the hang of it, but massive file size savings can be found by changing the JPEG compression levels. This one is only 220KB, half of the 80% quality version at the top. It's more than 5x larger! And here's the same image compressed at 50% quality. The top image is a 466KB file size while the full quality version below is 2.6MB. The top image is compressed at 80% quality, while the bottom is full quality JPEG. Can you tell which is compressed at a lower quality? That file size savings will definitely be noticable though. But as this really cool interactive blog demonstrates, depending on the content of the image, you can get away with exporting at a significantly lower quality setting without seeing a difference. In general, you can always export at 90% quality and won't notice a difference with your naked eye. The JPEG file format is compressed, but you can choose the level of compression in almost any image editing software. That means all product images, sliders, collectgion images should all be saved as JPEGS. file formats, so let's just skip all the technical jargon and get to the point: If the image doesn't have any transparent parts (like, for instance, your store's logo might), it should be saved as a JPEG (or JPG.they're the same thing). Most people would have to use a lifeline on Who Wants To Be a Millionaire (is that show even still on the air?!) if asked the differences between TIFF, JPEG, PNG, GIF, BMP, etc. Image size is different than file size, and file sizes are largely dependent on the file format. Sliders and other images on your site will depend on your theme, but in general, there's rarely a need to be over 3000 pixels wide. We recommend saving product images as 3000 x 3000 pixels at 72 dpi (dots per inch). The first problem we often see is people using way too large an image size on their site. Striking a balance between good looking images and a site that takes forever to load can be tricky, but here are some tips to help. By shrinking file sizes across the board, even by a little bit, you'll significantly increase load time speeds. Your site has hundreds or thousands of images. Websites are image-heavy these days, but every customer isn't running on a gigabit speed internet connection, so it's still important to make those image files as small as possible to speed up load times. Optimizing images for faster site load times
0 Comments
Leave a Reply. |