In Sitecore, images and media files are stored in the Media Library. Before using an image on a page or in a component, it needs to be uploaded to the Media Library.
You can upload images in different parts of Sitecore, depending on where you're working:
- Uploading an Image (Content or Experience Editor)
- Uploading an Image from within a Component (e.g., Image Field)
Uploading an Image (Content or Experience Editor)
- Content Editor: Click the Media Library tab at the bottom-left.
The Media Library window opens.
- Experience Editor, right-click on the Sitecore Platform icon
at the top left corner of the screen to open in a new browser tab so you still have access to the Experience Editor to get back to. Select the Media Library
icon. The Media Library window opens.
- Navigate to the folder or sub-folder you want to store the image(s) in.
- Select the Upload files (advanced) button.
- From the Batch Upload dialog box:
- Select the Choose File button.
- Browse and select the image(s) on your computer.
- Ensure your images are optimized for the web (600x400 px and 72 DPI to reduce file size and help make the page load faster.
- You can upload more than one image at a time.
- Check the appropriate boxes:
- Make uploaded media items versionable - Provides the ability to save versions of your images.
- Overwrite existing media items - This option allows you to upload a file with the same name as an existing file in the Media Library to replace the old file. If you don't select this option, a duplicate file will be created instead of replacing the original.
- Unpack ZIP archives - Select this option to upload and extract a Zip archive to the Media Library.In the .zip file, you can include subfolders with files. The folder structure is re-created in the Media Library after the files are extracted.
- Upload as files - This option to store the file in the file system rather than in the database. Keep this option unchecked.
- Select the Upload button.
-
Select the Save Changes
icon located at the top left of the screen.
- Select the Edit
icon to display drop down options and select
Check In.
- Publish the Media Library file for the change to take affect.
Uploading an Image from within a Component (e.g., Image Field)
- From the Content Editor view in the Content Area, scroll to an image area from within the component and select the Browse link.
The Media Library window will open.
- Select the blue Upload media button to browse for a new image on your computer.
- Note: Make sure the image will be uploaded to the correct media folder by selecting the Change Destination button.
- Navigate the Media Library tree and choose the folder if not already selected.
- Select Confirm to upload images to this location.
- Drag and drop images from your computer or select the Browse for media files button to search for the image.
- Select the image(s) to upload. If more than one image is uploaded, make sure to complete step 4 for each image.
- Add a brief description of the image in the Alternate Text field, if applicable Note: Leave the alt text blank if the image is decorative. This is an accessibility requirement
- Select the blue Upload media button located in the top right corner of the window to upload the image(s).
- You may need to scroll back to the top of the window to see the button.
- Please be patient as this may take awhile depending upon the number of images being uploaded and their size.
- Once the Media Library window displays again, select the image of your choice from the ones displayed.
- Select the blue Submit button to add the image.
- Select the Save Changes
icon located at the top left of the screen.
- Select the Edit
icon to display drop down options and select
Check In.
- Publish the Media Library file for the change to take affect.