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