ShortPixel Website Optimizer offers a straightforward web interface to our API, available to any PHP website (Magento, Joomla, Drupal, custom brew, etc.) and allows optimization of the site's image and PDF folders. While a folder is being optimized, you can watch the optimization progress in the browser.
Step 1: Download the latest stable release: ShortPixel Website Optimizer v. 1.4.3 - lib.1.9.1 ( release notes ) and unpack it in your website's root folder. You should find a there a subfolder named "shortpixel-web", that was extracted from the archive.
Step 2: Check the rights of the newly created folder and files. If you used a web tool like CPanel to upload it and unpack the archive, it should be OK but if you uploaded it as root for Linux or Administrator for Windows, you might need to change the rights in order to allow the Webserver user to write to the shortpixel-web folder.
For *nix OS-es (eg. Linux, Unix, Mac) just run the command
sudo chown -R www-data:www-data shortpixel-web which will set the correct owner.
Step 3: Open the ShortPixel Website Optimizer startup page in the browser, using URL: http://[[your.website.domain]]/shortpixel-web/webroot/index.php. If the page loads properly, you're up and running. If the page does not load, it usually means that there are rewrites in the server configuration files that redirect all URLs to a master script. Depending on your webserver, you might need to make specific changes in the webserver configuration.
In order to optimize images and PDFs with ShortPixel Website Optimizer, you need to have an API Key. If you don't have one yet, you can request one for free in our Sign-up page. After you have your API Key, follow these simple steps to optimize your images and PDFs:
Step 1: Review the default settings and input the API Key to activate ShortPixel Website Optimizer. The API key, along with the default settings, will be saved in the shortpixel.ini file, inside the shortpixel-web folder.
Step 2: Select the folder that you want to optimize and press Optimize Now. If you change the default settings, the changed settings will apply only to the selected folder. You are also prompted for a corresponding URL for the folder - this is the URL by which the folder is accessible from the browser. ShortPixel Website Optimizer tries to figure it out by itself, but you can change it, if it's not correct. Using a corresponding URL will significantly speed up the optimization as the images are sent as URLs and our optimization servers can download them asynchronously instead of waiting for one big POST attachment to be uploaded. You can also press ignore if the images in the folder are not accessible via Internet.
Step 3: Sit back and relax while ShortPixel Website Optimizer optimizes the files for you. Please remember to keep the browser open in order for the optimization to proceed. If for any reason you close the window or the Internet connection is temporarily down, just select the folder again after reloading the page, and the optimization will continue from the point it left.
If your site is a public website, then the ShortPixel Website Optimizer's folder, that you just created inside your root, might be public as well and available to any visitor knowing the URL. A malicious visitor could then for example use it to browse your website's folder structure, find out what modules you are using and look for their vulnerabilities.
Obviously they have to wild-guess that you're using ShortPixel's Website Optimizer in the first place, but let's assume that they heard you boasting about how fast your website is loading now, after you had your images optimized. :-)
If you want to protect yourself from this risk, the easiest solution to prevent unauthorized access is to change the path of ShortPixel Website Optimizer to a folder name that only you know. For example, if you rename shortpixel-web to my-Sh0r+P1x3l-s3cr3t-F0LD3R, this basically has the security of a password, as the access URL to ShortPixel Website Optimizer will change to http://[[your.website.domain]]/my-Sh0r+P1x3l-s3cr3t-F0LD3R/webroot/index.php and a visitor would need to guess your custom folder name.
You can also set up a HTTP AUTH user and pass on ShortPixel Website Optimizer's folder which will allow defining several users and individually managing access. Depending on your server's OS and webserver (Apache, NginX, etc.) this setup can vary so, if you've never done this before, either check with your website admin or look it up. For example, a short guide for Apache on Ubuntu can be found here: How To Set Up Password Authentication with Apache on Ubuntu 14.04.
You can benefit both from the ease of use of the web interface and from the unassisted execution of the CLI tool by using the Web 2 CLI bridge. You just need to launch the optimization using a URL like this:
Some settings can be directly input in the shortpixel.ini file created in the shortpixel-web folder. If your site uses HTTP AUTH, you can add:
ShortPixel Website Optimizer sends each image to our optimization servers and retrieves the optimized version, replacing the original. You need an internet connection in order to be able to optimize images with our service.
ShortPixel Website Optimizer creates for each folder that is selected for optimization a .sp-options file containing the selected options for that folder. Also, in each folder and subfolder, a .shortpixel file is created, containing the optimization status for each file and subfolder in that particular folder, alongside with information such as the file size, percent improvement and optimization date.