hemenderki

charliederki

Mikael Svens

<p>This is Phiksel, the intelligent image optimization assistant for WordPress.</p>
<h3>What is it</h3>
<p>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.<br />
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.<br />
If you benefit from this plugin please consider <a href="https://wordpress.org/support/plugin/phiksel-image-optimizer/reviews/#new-post" rel="ugc">writing a review</a>! That would mean a lot to us.</p>
<h3>Why do we need this?</h3>
<p>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.<br />
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.<br />
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.<br />
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.<br />
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.<br />
In contrast to all of this, Phiksel is like having an assistant that creates pixel-perfect images for every scenario.</p>
<h3>How it works</h3>
<h3>Pixel-perfect image sizes</h3>
<p>Phiksel is the only WordPress image optimizer that resizes and crops images to their exact required dimensions.</p>
<h3>Resizing and cropping on the fly</h3>
<p>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.</p>
<h3>Smart CSS understanding</h3>
<p>Phiksel analyzes CSS images properties like width, height, object-fit, object-position, and aspect-ratio to perform the necessary image processing.</p>
<h3>Responsive image for real</h3>
<p>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.</p>
<h3>Smart caching</h3>
<p>Images are cached after creation for faster loading. The smart caching algorithm tracks when image sizes change and automatically generates new versions.</p>
<h3>Effective lazy loading</h3>
<p>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.</p>
<h3>100% page speed score</h3>
<p>Achieve a 100% page speed score simply by installing and activating Phiksel. The plugin ensures you’ll pass the test without any issues.</p>
<h3>Super lightweight, only 2.7 kb</h3>
<p>Developed with a focus on performance and clean code, the plugin adds only 2.7kb of minified JavaScript to the website.</p>
<h3>Local optimization</h3>
<p>All optimization occurs on your own website. No third-party services or monthly subscriptions are required.</p>
<h3>Unlimited images</h3>
<p>Optimize as many images as you need and accommodate any level of website traffic. Unlike other services, there are no limits on usage.</p>
<h3>Features</h3>
<h3>Set image quality</h3>
<p>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.</p>
<h3>Optimize original image</h3>
<p>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.</p>
<h3>Empty image cache</h3>
<p>When needed you can empty the image cache. You can also clear cache for individual images.</p>
<h3>Exclude images</h3>
<p>If you wish to prevent Phiksel from optimizing an image, add the class “phiksel-exclude” to the image element.</p>


Phiksel – Image Optimizer

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

<p>Tired of resizing, compressing, converting, optimizing and exporting images over and over again? Better Images is a plugin that automagically does this hard work for you. Just upload your image into the media library and the plugin will produce an image that is both better looking and smaller in size. And it will also resize the original full resolution image to save space.</p>
<p>If you benefit from this plugin please consider <a href="https://wordpress.org/support/plugin/better-images/reviews/#new-post" rel="ugc">writing a review</a>! That would mean a lot to us.</p>
<p><strong>Disclaimer:</strong> With this plugin activated you can’t regenerate images via other plugins or WP-CLI. Regeneration will be available in a upcoming Pro-version.</p>
<h3>Here’s everything that Better Images will do for you every time you upload an image:</h3>
<ul>
<li>Resizes and compresses the original full resolution image</li>
<li>Sharpens the image to make it more appealing and crisp</li>
<li>Removes EXIF data but keeps color space profile</li>
<li>Converts from PNG to JPG</li>
<li>Converts from CMYK to RGB</li>
<li>Checks if the image already exist to avoid duplicates</li>
<li>Replaces special characters and non english letters in the filename</li>
<li>Adds a max height of 768 pixels to medium_large size variant</li>
</ul>
<p>And one bonus feature: It displays all image sizes in the editing screen.</p>
<h3>And here’s the nitty-gritty of what is actually happening in the background:</h3>
<h3>Resizes and compresses the original full resolution image</h3>
<p>In version 5.3 WordPress introduced handling of big images. The solution that was implemented is to create a new size variant of 2560 pixels with the addition of the word “scaled” in the filename. This variant serves as the new full size image on the website. The real original full size image though is not deleted but kept on the server in case one would want to resize to a different size or regenerate thumbnails. This image is never used on the website however and resizing images to pixel perfect sizes is a thing of the past due to the advent of responsive image handling.</p>
<p>What Better Images does is resizing the original full size image to the maximum size of 2560 pixels replacing the default scaled variant. In the process we also get rid of the word “scaled” in the filename.</p>
<h3>Sharpens the image to make it more appealing and crisp</h3>
<p>Every time we resize an image it becomes blurry. Apps like Photoshop, Pixelmator, Affinity Photo and the like will compensate this by applying som degree of sharpening to make images look better. WordPress does not do that and that’s why we end up with blurry images.</p>
<p>However Better Images does that for you. We have tweaked the sharpening level to avoid over sharpening artifacts. The plugin applies the perfect amount of sharpening to make your images pop and look at their best.</p>
<h3>Removes EXIF data but keeps color space profile</h3>
<p>Almost all images taken with a camera or downloaded from a stock photo library has EXIF data embedded in them. EXIF data is information about shutter speed, exposure compensation, aperture speed, what metering system, if a flash was used, ISO number, date and time the image was taken, white balance, GPS coordinates and so on. This data is in the majority of time not used or needed on a website. Therefore we remove the EXIF data and shave off up to 30 kb from the file size.</p>
<p>Removing the EXIF data however also removes the color space profile which will result in an image that looks different form the original. Since we wouldn’t want that we leave the color space profile untouched.</p>
<h3>Converts from PNG to JPG</h3>
<p>The file format PNG (Portable Network Graphics) is a popular image format because of its non destructive nature. However it is not at all suitable for photographs that will be used on a website due to its heavy size. In contrast a JPG image can be up to 20 times lighter in file size.</p>
<p>Better Images can convert uploaded PNG image to JPG for you. This will not only save you a lot of disk space, but also make your website load much faster.</p>
<h3>Converts from CMYK to RGB</h3>
<p>Sometimes you will get an image that’s exported to be used in print and therefore it uses the CMYK color mode. WordPress is not that great at handling this so it will create multiple variants of the image in different sizes, each of them weighing in at the same size in mega byte as the original full size image. That’s crazy!</p>
<p>Better Images solves this by converting the image to RGB mode before any resizing or compression occurs.</p>
<h3>Checks if the image already exist to avoid duplicates</h3>
<p>One of the things that will take unnecessary space from your server is uploading the same image multiple times. Often times we forget that we already uploaded the image once before, so we upload it again. WordPress by default won’t warn you that you are about to upload a duplicate image. Instead it puts a number in the filename and lets the image pass.</p>
<p>With Better Images every time you upload a file it will search the database to see if the image already exist and give you a message to make you aware of that and help you avoid uploading duplicates of the same image.</p>
<h3>Replaces special characters and non english letters in the filename</h3>
<p>WordPress will allow you to upload images with special characters and non english letters in the filename. Everything will work properly. Until that is you decide to move your website or restore it from a backup. Suddenly all image links with special characters and non english letters will break and you will have to reassign these images in all pages and posts manually.</p>
<p>To protect you from that Better Images will clean up and replace all special characters and non english letters in the filename for you.</p>
<h3>Adds a max height of 768 pixels to medium_large size variant.</h3>
<p>The 768 pixel size variant, also called medium_large, was added into WordPress back in the days when responsive image handling where just introduced. The idea was to have an image size that covers mobile phones. The size is not visible in the Media settings panel and it’s the only size variant that does not have any hight limit. That means in practice this size can be larger than the 1024 pixel size if the image is very tall. Since those days a lot has happened and we think that medium_large also should have a height limit just as all other size variants, so we added this feature.</p>
<h3>Displays all image sizes in the editing screen</h3>
<p>By default WordPress will only display and let you choose from four sizes in the editing screen.<br />
– Thumbnail (max 150px square)<br />
– Medium (max 300px width and height)<br />
– Large (max 1024px width and height)<br />
– Full (full/original image)</p>
<p>WordPress however creates four more sizes but does not display them.<br />
– Max 768px width<br />
– Max 1536px width and height<br />
– Max 2048px width and height<br />
– Max 2560px width and height</p>
<p>Better Images will display and let you choose from all these sizes. This is also compatible with many page builders such as Oxygen, Beaver Builder, Divi, Elementor, Brizy and many more.</p>
<h3>You are in control</h3>
<p>All features are enabled by default and most of them can be disabled when needed. Let say for example you are doing a downloads page with press images and want to have full sized images in CMYK mode. No problem, just turn off the setting for CMYK conversion and full resolution image resizing.</p>


Better Images – Sharpen, compress, optimize and resize image after upload

This is a great plugin, as we are a web agency it saves so much time everyday. And the result comes in an instant. Love that it tells the user if your about to upload a duplicate, especially for our customers!

Love it!

The only image plugin you will need, like magic!

Excellent and simple application of a difficult topic.  No need to resize your huge images - this plugin does it for you.

Does what it promises!

Tired of resizing, compressing, converting, optimizing and exporting images? This plugin will automagically do this hard work for you.

Phiksel – Image Optimizer vs Better Images – Sharpen, compress, optimize and resize image after upload