keronpopular.blogg.se

1. #Png compressor customize how to#
2. #Png compressor customize install#
3. #Png compressor customize download#
4. #Png compressor customize free#

You choose the pieces and the app will update all your image alts to include that information and get all those extra keywords in your alt attributes.įor details about image SEO Shopify check this guide: Image SEO for Shopify – How to Optimize for Search Engines.

#Png compressor customize free#

You can also save hours of work and get more free organic traffic by automating your image alt attributes: Once your images are compressed, you’ll want to make sure your theme isn’t serving any oversized images, and that you’re using JPG instead of PNG for photographic images (we see PNG used often enough that it’s worth mentioning because they can be 2x – 10x the file weight). Faster sites get better conversions, more traffic, better SEO rank, and overall perform better. In the meantime, I think the extra minute it takes to manually compress your theme and blog post images is worth the speed savings. If you know of a completely automated solution, feel free to drop it in the comments, but I haven’t found one yet. It would be nice if image compressor apps could cover your whole store, but for now they can’t. If you select “lossy” compression (instead of “lossless”), it will further compress by dropping the resolution to make the file even lighter (I prefer “lossless” to maintain optimal resolution, but you have options).

#Png compressor customize download#

Then you can download it and run it through TinyPNG. In this case, open the image in a new tab, then delete the _800x (or whatever the number is) from the url, then load that new url to give you the original image. If it’s the second example, the highlighted part in orange is a Shopify image URL filter, meaning it takes the original image and serves up a specific size (to load faster). If it’s the first example, just right click and download the image, then run it through TinyPNG. If you need to download the files instead, look at the end of the image url: If you have the original images on your computer, you can upload those to TinyPNG. Images here can be compressed to save weight. You can use the Shopify Analyzer to get a list of images that should be compressed.Ĭlick on the Image compression section and you might see something like this: Now upload those images back where you got them and enjoy the speed savings 😎 How to find and download images that need to be compressed Head to and upload your images:Īfter uploading those same images above that gave warnings in PSI (plus some huge banner images that PSI didn’t detect), we now see they get compressed and save about 3MB… that’s a lot! You can use an online compressor called TinyPNG to manually compress any images (JPG or PNG). For a guide on our recommended settings, check this post out.

#Png compressor customize install#

Install Crush Pics and set to automatically compress. Images uploaded to the Files section in your Settings.Images inserted inside pages or blog posts.Images uploaded in your Customize Theme section.Any images you upload into your Assets folder.To fix that you’ll have to manually compress them (Step 2 below).Ĭrush Pics / optimization apps will auto compress: So even with an optimization app installed, you might still get warnings in analysis tools like this: This is where part 2 (manual compression) comes into play. Manually compress any images that apps can’t reach, using a tool like ĭue to API restrictions, image optimization apps aren’t able to get all the images on your site.

Install a Shopify image optimization app like Crush Pics.On Shopify sites, there is a 2 step approach to maximize your compression: An easy way to make your site faster is to compress your images.