**Images are commonly used across site components, and animated gifs are also supported. To ensure compatibility with Drupal, the image format must be prepared in advance according to specific requirements. Please copy the** **document** **for guidelines on preparing the images in the correct format and selecting the appropriate size.**

 [PDF

  Drupal Image sizes Document  (56.17 KB)  

    ](/sites/g/files/dvc2391/files/document/2025/01/%28To%20copy%29Design%20v2%20-%20Image%20sizes%20%28with%20references%20highlighted%29%20-%20dynamic%20tab.pdf) 

 



## How to edit in the back office ?



 

 

 



   ![media image edition in the back office gif](/sites/g/files/dvc2391/files/styles/media/public/image/2025/01/Design%20sans%20titre%20%2814%29.gif?itok=aVUAgKnB)   





 

 





 

 

First, navigate to **Content** and select **Media** from the top menu on the right. Then, click on **+Select Entities** and choose **Image**.

Once this is done, choose the **image** you want to insert. Enter a **name** for the image to help with identification, and select the **file from your device** that you want to upload. A **second image file** should be added for **mobile display**.

**Add alternative text to ensure accessibility for users with visual impairments.**

After the image is selected, you can modify its format and size using the **"Crop Image"** field.

Finally, make sure to select **"Save"** to complete the image insertion and finalize the process.



 

 

 



 

 

 

 






## Which size to choose?

 [PDF

  Drupal Image sizes Document  (56.17 KB)  

    ](/sites/g/files/dvc2391/files/document/2025/01/%28To%20copy%29Design%20v2%20-%20Image%20sizes%20%28with%20references%20highlighted%29%20-%20dynamic%20tab.pdf) 

 



   ![Drupal Image sizes capture](/sites/g/files/dvc2391/files/styles/default/public/image/2025/01/Screenshot%202025-01-21%2015.30.07.png.webp?itok=DLgVN4bO)   





 

 

 



 

 

 

 






## Discover HP - Medias to Enrich Your Website Pages 

[Explore all the medias here](https://www.sf.userguide.veolia.com/drupal-essentials/media)

 



 

 

 



 [   ![Image logo](/sites/g/files/dvc2391/files/styles/media/public/image/2025/02/Design%20sans%20titre%20%2828%29.png.webp?itok=X5jsSgt0)   ](/image-0)[Image ](/image-0)

 

###       [Image ](/image-0) 

 

 

 



 

 [   ![Video logo](/sites/g/files/dvc2391/files/styles/media/public/image/2025/02/Design%20sans%20titre%20%2823%29.png.webp?itok=EFOLxzDq)   ](/video)[Video](/video)

 

###       [Video](/video) 

 

 

 



 

 [   ![Carousel with CTA logo](/sites/g/files/dvc2391/files/styles/media/public/image/2025/02/Design%20sans%20titre%20%2824%29.png.webp?itok=QMTTsnMG)   ](/carousel-cta)[Carousel with CTA](/carousel-cta)

 

###       [Carousel with CTA](/carousel-cta) 

 

 

 



 

 [   ![Document logo](/sites/g/files/dvc2391/files/styles/media/public/image/2025/02/Design%20sans%20titre%20%2825%29.png.webp?itok=aFJ8x2k6)   ](/document)[Document](/document)

 

###       [Document](/document) 

 

 

 



 

 [   ![Publication logo](/sites/g/files/dvc2391/files/styles/media/public/image/2025/02/Design%20sans%20titre%20%2826%29.png.webp?itok=X8FQu_0X)   ](/publication-0)[Publication](/publication-0)

 

###       [Publication](/publication-0) 

 

 

 



 

 [   ![Showcase card logo](/sites/g/files/dvc2391/files/styles/media/public/image/2025/02/Design%20sans%20titre%20%2827%29.png.webp?itok=zZIXJcwf)   ](/node/1661)[Showcase Card](/node/1661)

 

###       [Showcase Card](/node/1661) 

 

 

 



 

 

  Previous         Next        

 

 

 




## Ask for support

We use ServiceNow to track all of your requests and questions

[Create a ticket now](https://veglobal.service-now.com/s3c?id=service_catalog&root=fcec05201b1649504d79dce2b24bcb50)

 



 

 

 



 

 

   ![](/sites/g/files/dvc2391/files/styles/crop_freeform/public/image/2024/04/image%2014%20%283%29.png.webp?itok=j1xAfftb)