Imagekit image optimization - compression functions to WordPress
WordPress Tools

Imagekit image optimization service adding image compression functions to WordPress

Imagekit image optimization service adding image compression functions to WordPress

A while ago, I was studying the image optimization service, which also has a content delivery network that accelerates offloading. Imagekit image optimization service adding image compression functions to WordPress For website managers,

how to reduce the image capacity while maintaining the same image quality is indeed very difficult. The problem is that in the future, the search engine Google will use the ”

Core Web Vitals” as one of the reference factors for search ranking. Therefore, it is necessary to pay more attention to the speed of website loading. If your website has a lot of pictures, you can start to study how to help these pictures lose weight, so that visitors have a better opening speed, and can also reduce the traffic consumption of the webserver.

I have introduced many image compression tools before, but you need to optimize it yourself before uploading images. If your website has been operating for a period of time and accumulates too many images, in addition to downloading them all for compression, it will be faster and more efficient. The simple way is to use the picture optimization service to process it remotely in real-time.



To put it simply, this type of service operates directly by replacing the original image linking method. The image is directly optimized remotely (compressed, enhanced or resized) through the server provided by the service provider, and then the image is converted to The content delivery network (CDN) distributes it out, so that visitors from different regions can get the fastest image loading effect.

The Jetpack image CDN introduced before provides such a function, but unfortunately, it will destroy the image quality, and there is no cache expiration time. If the image is updated, the image can only be renamed to obtain a new result.

The ” ImageKit ” I will introduce in this article is a newly discovered image optimization service that I recently discovered. It provides many remote processing mechanisms related to images, including thumbnail creation, response images, image compression, smart cropping tools, Watermarks, etc., can also provide image distribution and acceleration through the content delivery network (Amazon CloudFront). More importantly, ImageKit can be quickly integrated with the platform services used by users, such as WordPress, Magento, and Shopify have corresponding programs.



When the website integrates the ImageKit service, the image will be automatically optimized and compressed through the remote server. In addition to allowing visitors to have a faster and smoother image loading speed, it will also be used for users of mobile devices with slower Internet speeds. Very “sentimental.” Related settings can be done on the ImageKit server.

ImageKit

Although ImageKit is not a free service, it provides a free plan, which is still very helpful for some small websites. The free plan can use up to 20 GB of media library capacity and has 20 GB of Internet traffic per month. The number of requests or the number of image conversions There are no restrictions. 



If you need more traffic, the price starts at $49 per month, and the traffic can be increased to 40 GB. After the usage exceeds, the price per 20 GB of traffic is $9, and the domain name can be customized.

Next, I will teach you how to use the ImageKit image optimization service in WordPress.

ImageKit
https://imagekit.io/

Use teaching

STEP 1

Register first after opening the ImageKit website. You can log in with your Google account or Email directly.

ImageKit

After registration, you will come to the welcome screen. One of the steps is to randomly give you an ” ImageKit ID “, which can be modified to other strings you want (cannot be changed after registration). In addition, there is a ” Region ” option for processing For the node of the picture, there will be data center options such as the United States, Europe, Singapore, and India. It is recommended to choose Singapore here.



ImageKit

STEP 2

When you enter the ImageKit console, there will be a teaching screen. Simply put, first add the existing “Origin” and link the URL with the ImageKit image path to complete the most basic operations.

ImageKit

First, click on ” External storage ” in the left menu of ImageKit and set a name. Note that the second Origin Type here needs to select ” Web Folder ” (Magento, Shopify or WordPress choose this option), and then click on Base URL Enter your website URL, for example https://example.com/.



ImageKit

STEP 3

After adding the external space, click on the left menu ” URL endpoints ” to get the ImageKit default URL.

ImageKit

STEP 4

Return to the user’s WordPress console, first search for ImageKit from the ” Install Plug-in ” function and install the officially developed and maintained plug-in to the website.

ImageKit

After enabling the plug-in, find the ” ImageKit settings ” setting page from the settings , paste the default URL endpoints obtained in the previous step, and save it to complete the most basic setting operations.



ImageKit

STEP 5

If the website uses the Cache plug-in, remember to clear the cache data before seeing the effect.

After completing the link between ImageKit and WordPress, the image will be optimized, compressed and streamed and accelerated by the ImageKit server, and the image path will become the ImageKit URL. From the plug-in settings page, you can adjust the types of files to be processed by ImageKit (of course, they are mainly pictures), and you can also customize other files to be compressed but not under the WordPress default image path.

ImageKit

Most of the functions are set in the ImageKit console, but by default, most of the functions that users will use (such as picture optimization, compression, etc.) have been turned on. If you need to, you can study it by yourself. Please pay attention ImageKit only provides 20 GB of monthly data for free, but the advantage is that there is no need to set up a credit card first, and there is no need to worry about possible deductions.



ImageKit

Three reasons to try:

  1. ImageKit optimizes images for websites, compresses and reduces image capacity remotely
  2. Can be quickly integrated with WordPress, Magento, and Shopify
  3. The free plan provides 20 GB capacity and 20 GB monthly data

Leave a Reply

Your email address will not be published. Required fields are marked *

Back to top button