Phiksel – Image Optimizer

Maelezo

This is Phiksel, the intelligent image optimization assistant for WordPress.

What is it

Phiksel is the only WordPress image optimizer that resizes and crops images to their exact required dimensions. When a page first loads, the plugin scans for images and calculates their precise required dimensions based on the page layout. It then resizes and crops each image accordingly.
These optimized images are cached and served to all subsequent visitors for optimal performance. This process occurs for every screen size, ensuring perfectly dimensioned images across all devices.
If you benefit from this plugin please consider writing a review! That would mean a lot to us.

Why do we need this?

Because the way images is handled in WordPress is not optimal. It relies on srcset, an HTML attribute that allows browsers to choose between different image sizes. While srcset is a valuable tool, WordPress’s implementation is basic.
Ideally, you’d manually provide images optimized for specific dimensions, considering factors like screen size, page layout, image placement, screen density, and image orientation. However, this is impractical due to the vast number of devices and their varying screen sizes.
WordPress attempts to automate this process by resizing uploaded images to a predefined set of sizes without cropping. This approach often results in suboptimal results. For example, if a landscape image needs to be displayed in a portrait orientation, WordPress will load the entire landscape image and then display only a portion of it, leading to wasted bandwidth and slower loading times.
Similarly, WordPress will almost never have the exact image size needed, forcing it to rely on a few preset sizes and choose the closest match.
Another issue is that when an image is too large, the browser needs to squeeze it, making it lose sharpness. An image with exact dimensions that does not need to be modified by the browser will always look much sharper.
In contrast to all of this, Phiksel is like having an assistant that creates pixel-perfect images for every scenario.

How it works

Pixel-perfect image sizes

Phiksel is the only WordPress image optimizer that resizes and crops images to their exact required dimensions.

Resizing and cropping on the fly

Resizing and cropping occur on the first page visit rather than during image upload. This allows Phiksel to know exactly what size each image should be.

Smart CSS understanding

Phiksel analyzes CSS images properties like width, height, object-fit, object-position, and aspect-ratio to perform the necessary image processing.

Responsive image for real

When the browser width changes causing the layout and thus the images sizes to change, a new image will be created for that specific case. This means you will always have pixel perfect image sized for every screen size.

Smart caching

Images are cached after creation for faster loading. The smart caching algorithm tracks when image sizes change and automatically generates new versions.

Effective lazy loading

When you visit a website, you only see a few images at first. Why load everything at once? Phiksel intelligently loads images just before they enter your viewport, making the page load faster and more efficiently.

100% page speed score

Achieve a 100% page speed score simply by installing and activating Phiksel. The plugin ensures you’ll pass the test without any issues.

Super lightweight, only 2.7 kb

Developed with a focus on performance and clean code, the plugin adds only 2.7kb of minified JavaScript to the website.

Local optimization

All optimization occurs on your own website. No third-party services or monthly subscriptions are required.

Unlimited images

Optimize as many images as you need and accommodate any level of website traffic. Unlike other services, there are no limits on usage.

Features

Set image quality

Phiksel is fine-tuned to provide the perfect balance between image quality and speed. Prioritize image quality or maximize compression for faster loading times – the choice is yours.

Optimize original image

Uploaded images can often be very large. Phiksel gives you the option to optimizes your images, significantly reducing their file size while preserving 98% of their original quality.

Empty image cache

When needed you can empty the image cache. You can also clear cache for individual images.

Exclude images

If you wish to prevent Phiksel from optimizing an image, add the class “phiksel-exclude” to the image element.

Screenshots

  • The settings panel

Installation

  1. Visit the plugins page within your dashboard and select “Add New”.
  2. Search for “Phiksel – Image Optimizer”
  3. Activate Phiksel – Image Optimizer from your plugins page.

FAQ

Is Phiksel free?

Yes, Phiksel is free and will always be. This is our thank you to the awesome WordPress community.

Will there be a Premium-version of this plugin

Yes! In a matter of fact we are already working on a Premium version that will allow you to have more granular control and add WebP support, stripping of EXIF metadata, sharpening and much more.

Should I compress and resize my images before uploading?

No, Phiksel will do that for you. In fact uploading a compressed and resized image will make the final result look worse and in some cases the file size will be larger. You should always upload the original uncompressed full size image and let Phiksel do the rest.

Reviews

Hakuna hakiki za programu-jalizi hii.

Wachangiaji & Wasanidi

“Phiksel – Image Optimizer” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.0.0

  • Plugin released.