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



Gridbox tools


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




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%. 




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)




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.




Photo filters


Photo editor provides 20 different filters.



Select style click the button Apply.




Manual color adjustment


Change the next parameters and click the button Apply:


  • Contrast
  • Brightness
  • Saturate
  • Sepia
  • Grayscale
  • Blur




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).

Related articles