Guide for LitePix Bulk Image Optimizer

July 29, 2024 11 view(s)
Guide for LitePix Bulk Image Optimizer


LitePix: Bulk Image Optimizer is a Shopify app that compresses images, reducing their weight and speeding up page loading.

After installing LitePix: Bulk Image Optimizer, you'll arrive at the Home page. Here, you can find brief Instructions on how to compress images, view the Changelog, and access Email support. Below, you can also find other apps developed by Amasty.

Home page of LitePix: Bulk Image Optimizer

To start compressing your images, we recommend first going to Settings to set your desired parameters. Then, head to the Dashboard to analyze your images and begin optimization.

If you prefer to use Shopify's recommended default settings, you can go directly to the Dashboard or click the Go to image optimization button.

Instruction for Image Optimizer

 

Settings

On the Settings page, you can specify your parameters for image analysis and optimization.


Note

The app analyzes only images that meet the criteria specified here. Only images identified as non-optimized after analysis can be optimized.

 

Analyzation settings

Image file format - choose the file formats you want to analyze and optimize.

Image types - select the types of images the app will analyze and optimize.

Visible product images - check this option to analyze and optimize images for published products only.

Optimization settings

Configuration type - select Manual to unlock additional compression, conversion and resize options. With Shopify's default type, only Shopify's preferred compression, conversion and resize resolution are available.


Compression - select the level of compression for non-optimized images:

  • Balanced compression - good quality with moderate image weight reduction. Reduces image quality by up to 20%, not noticeable to the eye.
  • Normal compression - fine quality with a good image weight reduction. Reduces image quality by up to 30%.
  • Lossy compression - satisfactory quality with significant image weight reduction. Reduces image quality by up to 40%.

Convert non-optimized images to - choose whether to convert images to more optimized formats:

  • Convert PNG to JPG - JPG is a lighter format that preserves size and colors. Recommended for product images.
  • Convert PNG, JPG to WebP - WebP is the lightest format, often used by websites. Recommended for collection and blog images.
  • Don’t convert - select this option to keep the original image format.

Resize oversized images to - set the maximum resolution. Only images larger than this will be resized to fit within the limit.


Note

The aspect ratio of the image is preserved. For example, if you specify 2048x2048 and your image is 4096x2048, it will be resized to 2048x1024 to fit within the limits.

 

Dashboard

On the Dashboard page, you can analyze and compress images. Both processes will follow the parameters set on the Settings page. 

Image Optimizer Dashboard

At the top of the Dashboard, you'll see three sections:

Total saved (MB) - displays the total megabytes saved through image compression.

Images to optimize - shows the number of images detected during analysis that need optimization. Here, you can also see how many images you can optimize for free.

Analyze button and the Last analysis date - click the Analyze button to start the analysis. The date of the last analysis is also displayed here.

 

Analyze images

When you click Analyze button, the app will start analysis of your images. It may take some time. The analysis process runs in the background, so you can continue with your tasks and return to the app later.


Note

The app performs one task at a time. You’ll need to wait until the current process finishes before starting image optimization. You can stop the task at any time.


After analysis, all images needing optimization will appear in the Images preview grid.


Note

After images are analyzed, those needing optimization will appear in the grid and be available for optimization. If images don’t appear in the grid, it means they are already optimized or don’t meet the criteria set on the Settings page. Only images identified as non-optimized after analysis can be optimized.

 

Analysis job details

Return to the Dashboard, where you can optimize these images.

Return to Dashboard

 

Optimize images

On Dashboard, select images you want to optimize. You can use the convenient tabs to filter products by source: Product, Collection, or Article. Click Optimize button or Optimize all


Note

Only images identified as non-optimized after analysis can be optimized.


The optimization process runs in the background, so you can continue with your tasks and return to the app later.


Note

The app will continue optimizing and analyzing even if you leave the Shopify admin. You can stop the task at any time.

 

Optimize all button

 

Note

The app performs one task at a time. Please wait for the current process to finish before starting new image optimization or analysis. 


Once optimized, you'll be redirected to a page with Optimization job details and an Images preview grid.

Optimization job details

Under the Optimization job details section, you'll find the start and finish times, and the number of images selected and successfully optimized.

In the Images preview grid, you can see which images were optimized, compare the original and compressed sizes, view the total percentage of weight saved. Click Details link for more information on each image's optimization:

Optimization details

 

History

You can view the history of all your optimized images in the History section.

To do this, go to the Dashboard and click on the History tab. A grid with all your optimizations will appear.

Optimization History

ID - the identifier of the optimization process.

Created - the date and time when the optimization started.

Finished - the date and time when the optimization was finished.

Total Items - the total number of images set for optimization.

Total Optimized - the total number of images successfully optimized.

Status - the status of the optimization process.

Action - click the View details link to see all products optimized within a specific optimization log.

optimization details