JCE Content Editor Image Manager

Joomla! Help Support Warrington Cheshire Manchester Merseyside UK

Before you can insert any image into an Article, you must first upload the image.

In this article we cover how to work with images using the Image Manager function of the JCE Content Editor.

The default content editor in a Joomla! CMS website is TinyMCE.

But we prefer to use the JCE Content Editor and so we focus here on how to use JCE to add images to your website.

The JCE Image Manager

The Image Manager is possibly the most useful feature of the JCE Content Editor.

jce panel

When using the JCE Content Editor you open the Image Manager by clicking the Image Manager icon.

jce panel

When you do a pop-up window will appear, as shown in the next image.

jce manager

If the pop-up does not display then please check your browser settings to ensure pop-ups are enabled.


The image properties may be pre-configured globally when you change the settings of any one JCE Editor Profile.

Read more: How to configure the JCE Image Manager.

Get organised

Resize, rename and reformat images before you upload them.

Also, store image originals on your computer in the same way as on the server.

Incorrectly named files may not load as intended when your website is viewed from older web browsers.

Later renaming of folders can cause undue extra work that is best avoided.

See below for more about naming image files.

You can add upload images of any size to your website.

But it makes sense to size an image according to need.

By size we mean both dimensions (pixels or PX) and memory (Kb).

All other things being equal, as image dimensions increase then so does image memory size.

We therefore recommend uploading the smallest images you can to your website.

Read more: Recommended image widths.


This will depend upon your device and image editing application.

We like Linux and use the GIMP (GNU Image Manipulation Program) to resize images.

The GIMP includes a very easy to use scale tool.

All file names should follow these rules:

  • all lowercase,
  • alphanumeric (letters or numbers or both),
  • no spaces,
  • no fancy symbols,
  • describe the image content in three to four words,
  • use hyphen between each word (example: fast-car.jpg).


Many of our customers are running Joomla! eCommerce websites.

Here is an eample of how you could rename images before upload to an eCommerce website selling shoes!

Best practice for search engines is to include three keywords in an image title.



could be renamed


but would be better named




if you want to quickly cross-reference to the image.

In eCommerce every product should have a unique reference number (SKU or PLU).

If you already know what these are then you could incorporate in your image names.


Red Boys Shoes

Ref No 345

Image could be renamed


This image would be 1 of several for product 345.

A second image could be


Use an appropriate file format


When detail is important.


When detail is less important.

GIF images can have a transparent background.


Contents include:

How to create an image folder.
How to upload images (including drag and drop).
How to insert an image into an article.
How to edit image properties.
How to link an image.
How to delete images and folders.
How to cut, copy and paste images.
How to add a caption to an image.
Assign style sets to images.
Control when images are displayed.
Recommended image widths.


Work smarter not harder!

Joomla! Help Support Warrington Cheshire Manchester Merseyside UKWe coach, help and support managers of businesses and organisations across Cheshire, Manchester, Merseyside, North West England and the UK.

Learn how to manage a Joomla! website.



Subscribers: sign in to read full article