How to use Photo editor in Gridbox website builder?

Joomla website builder Gridbox comes with a built-in Photo editor that allows you to edit and compress images without any 3 rd party software. In this tutorial, we’ll show you how to use the Gridbox Photo editor.

Accessing Photo editor

Gridbox provides several ways to access the Photo editor. But first, you need to install the Gridbox app - Photo editor. 

Gridbox dashboard

In the Gridbox dashboard, click the icon Recent Files ➝ right click on the image you want to edit ➝ Photo Editor

Photo Editor - Joomla website builder Gridbox

Gridbox tools

In the Gridbox editor, click Tools from the toolbar ➝ Photo Editor.

Gridbox tools - Joomla website builder Gridbox

Resizing and compressing images

Select a picture to start editing.

  • Width and height. Options that reduce image size. The resize is proportional, by reducing one value, the second value will be changed proportionally.
  • Quality. The quality slider sets the image quality from 0 to 100%. 
Resizing and compressing images - Gridbox Photo Editor for Joomla

Crop pictures

Gridbox Photo editor provides various methods of cropping.

  • Free transform. Use the cursor to select the area you want to keep and click the button Apply
  • Width and height. Enter width and height values to crop the image and click the button Apply
  • Aspect ratio. Use this option to crop images with a specified aspect ratio. The 4 most popular formats are available to you:
    • 1:1 (square) 
    • 3:2 (portrait) 
    • 3:4 (landscape) 
    • 16:9 (landscape)
Crop pictures in Gridbox Photo Editor for Joomla

Flip and rotate pictures

  • Rotate. The option rotates the image clockwise and counterclockwise. The image is rotating at 90 degrees. 
  • Flip. The option reflects the image vertically and horizontally.
Flip and rotate pictures - Gridbox Photo Editor for Joomla

Photo filters

Photo editor provides 20 different filters.

Photo filters - How to use Photo editor in Gridbox website builder?

Select style click the button Apply.

Manual color adjustment

Change the next parameters and click the button Apply:

  • Contrast
  • Brightness
  • Saturate
  • Sepia
  • Grayscale
  • Blur
Manual color adjustment - How to use Photo editor in Gridbox website builder?

Saving edited images

Click the button Save ➝ choose Save or Save as Copy.

  • Save - option overwrites the original file.
  • Save as Copy - option creates a copy of the file (enter a new name for the image).
Saving edited images - Gridbox Photo Editor for Joomla

Related articles