Introducing Gridbox Photo Editor. Crop and Compress Your Images With Gridbox!

Introducing Photo Editor

Although the last week we released a very big update - 160 page blocks for the Joomla website builder Gridbox, today a stunning update is waiting for you again. So, with incredible pride, we want to introduce you the Photo Editor for the Joomla website builder Gridbox which allows you to resize, compress, crop, rotate and flip the image directly in the Gridbox!

Introducing Photo Editor For The Joomla Website Builder Gridbox

Images are an integral part of web design. Websites designing often need to work with images. Generally, high-quality images are absolutely not adapted for websites, they are huge in size, which negatively affects on website performance. Because of this, we were forced to use third-party photo editors or online services to optimize images, it was very uncomfortable and took a lot of time. Therefore, we have decided to create a photo editor directly in the Gridbox.

Gridbox photo editor is a truly amazing and incredibly useful tool, that will greatly facilitate your life and save a whole bunch of time. You no longer need to use third-party services or software to optimize and edit images, all you need is already available in the Gridbox.

Photo Editor

Gridbox Photo Editor is part of the Gridbox media manager. To start editing the image, you need to open the context menu with the right click on the image and select "Edit".

Opening Photo Editor - Joomla website builder Gridbox

The photo editor's design is made in dark tones. We tested two versions: classic light gray and dark. The dark design had been left as the final version because using dark tones, all attention is focused directly on the image.

Gridbox Photo Editor has a very easy and intuitive interface. At the top, you can see tabs with available tools and in a sidebar the settings themselves.

Photo editor user interface - Joomla website builder Gridbox

Next, we'll consider in more detail the available options but before that, we want to note that you can edit the following file types: png, jpg, and jpeg.

Resize and Compress

The "Resize" tab has represented a set of tools with which you can optimize the size of your image. Optimizing images will provide you faster page loads.

Width and Height

Using the "Width and Height" options, you can reduce the size of the image. The resize is proportional, by reducing one value (width or height), the second value (width or height) will be changed proportionally.

Resize images in Gridbox Photo Editor - Joomla website builder Gridbox


Using the "Quality" slider, you can set the image quality and set it from 0 to 100%. When setting the image quality, you need to find a golden mean between quality and compression level.

Compress images in Gridbox photo editor - Joomla website builder Gridbox

The compression tool shows excellent results. You can get a very small image size and at the same time save the perfect image quality.

Crop Pictures

With the help of Gridbox Photo Editor, you can very easily and intuitively crop images for your needs. In the editor, you can find various methods of cropping.

Free Transform

Using the cursor, you need to select the area you want to keep and after pressing the "Apply" button, everything else will cut out.

Crop images in Gridbox photo editor - Joomla website builder Gridbox

Width and Height

You can enter specific width and height values for the image that will be cropped.

Crop images in Photo Editor - Joomla website builder Gridbox

Aspect Ratio

This option allows you to crop images with a specified aspect ratio. The most popular formats used in the website building are available to you: 1:1 (Square), 3:2 (Portrait), 3:4 (Landscape), 16:9 (Landscape).

Aspect ratio in Gridbox photo editor - Joomla website builder Gridbox

In the freshly released 160 page blocks for the Gridbox, we used the next aspect ratios for the images: 1:1, 3:2 and 3:4.

Flip and Rotate

Options "Flip and Rotate" help you very quickly flip or rotate your image.

Rotate an Image

With the "Rotate" options, you can rotate the image clockwise and counterclockwise. The image is rotating at 90 degrees.

Rotate image in Gridbox photo editor - Joomla website builder Gridbox

Flip an Image

If you want to reflect the image, you can use the Flip options. You can flip the image both vertically and horizontally.

Flip image in Gridbox photo editor - Joomla website builder Gridbox


In order to save the work done with the image editing and optimization, you need to click on the "Save" button where you will be offered two options: "Save" and "Save as Copy".

Saving edited images in Gridbox photo editor - Joomla website builder Gridbox

If you select "Save", the original image file will be overwritten. The "Save as Copy" option creates a copy of the file, you will need to enter a new name for your image.


To optimize and edit the image, you no longer need to use hardweight photo editors and third-party image optimization services. Gridbox Photo Editor is an indispensable assistant that will save a lot of time and greatly ease the process of images optimization and editing.

We are sure that you will appreciate the Gridbox Photo Editor and after a few days of using, you will be surprised at how you worked without it. You need to try it immediately, it's incredibly convenient! Try the Gridbox Photo Editor on the demo editor!

If you have any questions about the work of Gridbox Photo Editor, write in the comments below, we will be happy to answer!


2.4.4 — 30.05.2018

  • Gridbox Photo Editor
  • Issue with Google Maps color themes
  • Issue with a @base font

Leave a comment

Share with your friends

Newsroom on your favourite platforms