Compress Images & Videos for Web in One Click | Image Optimizer Pro

Setup Guide

A step-by-step guide to get you started with Image & Video Optimizer.

Image Optimizer Pro: Your Complete Setup Guide

Welcome to Image Optimizer Pro! This tutorial will walk you through all the steps you need to know in order to optimize your website's media and code for blazing-fast performance. By following these steps, you'll enhance user experience, improve SEO, and save valuable storage space.

Introduction: Why Optimize with Us?

Today, website speed matters. Large, unoptimized images, videos, and heavy code files are often the biggest culprits behind slow loading times. Image Optimizer Pro helps by compressing and minifying your assets so your site loads faster without sacrificing quality.

Key Benefits:

  • Faster load Times: Keep visitors on your site and lower bounce rates.
  • Better SEO: Search engines reward sites that perform well.
  • Improve User Experience: Provide a smooth, seamless browsing experience.
  • Reduced Bandwidth & Storage: Save on hosting costs.

Optimizing Your Content:

Image Optimizer Pro streamlines the entire process, making it simple, fast, and effective. Follow the steps below to ensure every image and asset on your site is fully optimized for speed and quality.

Optimize Images

Image Optimizer Pro offers both manual and automatic options for optimizing images:

Go to Resource Optimizer > Optimize Images, then choose either Automatic or Manual Optimization.

Manual Compression UI

Let's get started with:

Automatic Optimization

Your images are automatically compressed to the best possible size without affecting visual quality. Once optimized, the images are automatically updated on your website.

Please note: The sections of images we can optimize (such as product images, categories, etc.) and the formats we can convert them to (including JPG, JPEG, PNG, WebP, and GIF) may vary depending on your website platform (e.g., Wix, Shopify, etc.).

How to Optimize Images Automatically

  1. Go to the Resource Optimizer section, then navigate to Optimize Images.
  2. Click Start Automatic Optimization, and follow the on-screen instructions.
  3. The system will process all images on your website, optimize them, and update them automatically. The time required depends on the total number of images but usually quick.
  4. Manual Compression UI

Manual Optimization

You can control how much of the image quality you want to compress by default for all the uploaded images.

  1. Go to the Resource Optimizer section, then navigate to Optimize Images.
  2. Click the Upload Images to Optimize button.
  3. Choose files and upload the images you want to optimize. You can select multiple images at once.
  4. Before hitting upload make sure to choose the required format as by default it will be converted to WEBP.
  5. Once the files are uploaded, you will see the optimized images instantly and can download them right away to use them wherever you want.
Manual Compression UI Manual Compression UI

Optimize Videos

Here is how you can optimize and convert videos using Image Optimizer Pro

  1. Go to Resource Optimizer and select Optimize Videos.
  2. Once you are redirected to the page, click Upload Videos to Optimize.
  3. Choose and upload the videos you want to optimize.
  4. The system will automatically begin optimizing your files.
  5. Preview the optimized videos, check the new size and compression percentage, then download them individually or in a batch.
    Manual Compression UI

Preview the optimized video and download it instantly.

Manual Compression UI

Converting Videos to MP4, WebM, MOV, AVI, and MKV

Once your video is uploaded and optimized, you can convert it into any supported format, including MP4, WebM, MOV, AVI, and MKV.

Go to Manual Compression > choose your preferred Video Format >Download Compressed Video.

Manual Compression UI Manual Compression UI

Minify JavaScript & CSS

Here is how you can minify JavaScript & CSS files using Image Optimizer Pro

  1. Go to Resource Optimizer and select Minify JavaScript or Minify CSS that suits your needs
  2. Click Upload JavaScript/CSS to Minify and choose the file.
  3. The system will automatically begin the minification process.
  4. Review the optimized file size and compression percentage, then download the files individually or as a batch.
Manual Compression UI Manual Compression UI

Understanding & Managing Your Credits

Each Plan offers a specific number of credits per month. Choose your plan according to your specific needs. We offer several plans to choose from.

Check Available Credit Balance:

  1. Access Your Dashboard: Log in to your Image Optimizer Pro Account/dashboard.
  2. Credit Balance: Your current credit balance will be prominently displayed at the top header and in the bottom left corner. In the format: Available Credits/Total Credits

Example: In the below example, we have 39981 credits left out of 40,000.

Manual Compression UI

Upgrading Your Plan

If your credits are running low or you need higher optimization volumes or more additional features, you can easily upgrade your plan right from the dashboard:

  1. When you are logged in, you will Upgrade Plan option at the top header and in the bottom left corner along with the available credits.
  2. Select from the Starter, Grow, or Advance plan that suits your needs.
  3. Follow the prompts to confirm your plan upgrade. Your new credits will be immediately available.

Note: In case Wix and Shopify, this process will redirect you to your respective platform dashboard for plan management.

In case of any questions, please feel free to contact us support@imageoptimizerpro.ai