---
title: "Image and media browsers"
date: "2019-03-29T16:58:17+00:00"
summary: "Discover how to effectively manage images in Site Studio using IMCE and Entity Browser. Learn to configure media browsers, customize settings, and optimize your Drupal site's image handling capabilities."
image:
type: "page"
url: "/drupal-starter-kits/add-ons/site-studio/image-and-media-browsers"
id: "302e5a2f-d7bf-4c35-86ca-6248bbe96281"
---

Table of contents will be added

Site Studio supports the contributed modules  [IMCE](https://www.drupal.org/project/imce) and [Entity Browser](https://www.drupal.org/project/media_entity_browser) for managing images.

Important

You need to set which browser to use for **configuration entities** and which to use for **content**. Images used within configuration should not use media entities as these are content. For this reason, we recommend using IMCE for managing images used by configuration as these are simple files. 

To configure Site Studio to use a specific media browser:

1.  Navigate to Site Studio > Configuration > **System settings**. 
2.  Select which media browser to use for configuration entities and content entities. The options shown depend on the media browser modules enabled.

![8d0fa206-select-media-browsers.png](https://acquia.widen.net/content/7e3ad804-8c25-40ba-b317-1f3dce3531fc/web/8d0fa206-select-media-browsers.png)




---------------------------------------------------------------------------------------------------------------------------------------------------------

Using the contrib Entity browser to manage images
-------------------------------------------------

The Entity browser can be used instead of the core Media library if required.

1.  Navigate to Site Studio > Configuration > **System settings**
2.  Within Image browser for content, select **Entity Browser** from the drop-down
3.  Then select the **Image Browser** from the second drop-down.

![28ac5e82-entity-browser-settings.png](https://acquia.widen.net/content/032986f8-c8bf-4467-a613-42088201d241/web/28ac5e82-entity-browser-settings.png)

### Using the Entity browser for media embedded via the WYSIWYG element (CKeditor)

If you set the Entity Browser for content and allow images to be placed within a WYSIWYG element, we recommend you update the CKEditor toolbar with the Media browser button and remove the IMCE or standard upload button. 

1.  Navigate to Configuration > Content Authoring > **Text formats and editors** 
2.  Click **Edit** next to Site Studio text format
3.  Scroll down to **Toolbar Configuration** section
4.  Remove the **Image icon** from the toolbar and replace it with the **Star icon** (Media browser button)
5.  You also need to tick **Display embedded entities**. This allows media entities to render within the WYSIWYG editor.

![38c727b4-configure-wysiwyg-media-browser.png](https://acquia.widen.net/content/532ef1e7-14b2-4979-bf6b-7434118bb050/web/38c727b4-configure-wysiwyg-media-browser.png)

Managing media entity settings
------------------------------

The Media Library and Entity browser only manage the upload of images. To manage the settings of individual Media entities like file extensions, file size, maximum and minimum resolutions etc you must edit the Media type. For example, to manage the Image media type settings:

1.  Navigate to Structure > Media types > Image > **Manage fields**
2.  Click **Edit** next to the Image field
3.  Configure the image settings

###  Using IMCE to manage images

IMCE can be used with Site Studio to manage media in folders. It's recommended that IMCE is used for configuration images but it can also be used for content.

To use IMCE for configuration images:

1.  Navigate to Site Studio > Configuration > **System settings**
2.  Within Image browser for config, select **IMCE** from the drop-down.

To use IMCE for content images:

1.  Navigate to Site Studio > Configuration > **System settings**
2.  Within Image browser for content, select **IMCE** from the drop-down.

### Global IMCE settings

If IMCE is selected, it will handle the upload of images through Site Studio elements. Global settings, including file extensions, file size and user role access to folders are set within an IMCE profile. 

1.  Navigate to Configuration > Media > **IMCE file manager** 
2.  Click the **edit** button next to a IMCE profile

![bb87b564-imce-settings.png](https://acquia.widen.net/content/a5801964-6ced-4e80-8a73-f4f22cb39ba7/web/bb87b564-imce-settings.png)