Image Optimization

• Resize Images
• SVG Upload Settings
• WebP Images
• Thumbnails

Resize images

Automatic Resizing on Upload

This feature automatically resizes images during the upload process to optimize storage and performance.

By specifying maximum width and height dimensions, images are resized proportionally, reducing their size significantly without compromising quality.

Resizing Existing Images

This feature allows for batch resizing of images already stored on the server.

It identifies images that exceed the predefined dimensions and resizes them accordingly. This is particularly useful for projects with existing large images, enabling a significant reduction in storage usage with a single click.

SVG Upload Settings

1

2

Upload Permissions

Uploading SVG files can be dangerous because SVGs are not just images—they are XML-based and can contain scripts, external references, and malicious code.

This is why we have created an option so you can choose who should be allowed to upload SVG images.

If the plugin is deleted, SVG images will remain in the media library, but users will no longer be able to upload new ones.

Inline SVG Rendering

This feature once enabled will convert img tag from <img scr=”link-to.-svg.file.svg”> to actual svg code:

<svg height="24px" viewBox="0 -960 960 960" width="24px" fill="#1f1f1f">
  <path d="M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z"/>
</svg>

Why Inline SVG?

• Better Performance – No extra HTTP requests.

• Full CSS & JS Control – Easily style and animate.
• Scalable – No quality loss at any size.
• No CORS Issues – Avoid cross-origin restrictions.
• Dynamic – Modify elements on the fly.

WebP Images

Thumbnails

Remove images by size

Not you can remove uploaded images by size to clean up space before backup or to remove images before you remove or unregister image size. This will remove images from “wp-content/uploads/”

This will remove a lot manual work with just one click.

Once you open Thumbnails tab you will see all registered image sizes by theme, plugins or even DevKit.

1

2

3

4

1. Remove images by size
2. Add new thumbnail size
3. Removed added thumbnail size
4. Generated code for added image sizes

Add new Thumbnail Size

You can register new image sizes on the fly with out any code. Only with UI.
Options provided:

1. Thumbnail size name
2. Width
3. Height
4. And if you want to crop it or not.

After filling the values “Add Size” button will change state to active.

Remove image size

You are allowed to remove registered images sizes that were created with DevKit. It will be in Remove Size column. Images registered outside of Devkit, via plugin or theme will be marked as “-“.

Generate code

Since the purpose of DevKit is to have it only in the dev stage and not in the production we are offering to copy code for registering new image sizes (Created with DevKit)