Chapter 3 - The image etiquette
In order to be sure not to create a clutter of images in Drupal and so to keep it performant, we would like to highlight a few rules. Use the right format Webp for regular images. SVG for logos.. Use…
In order to be sure not to create a clutter of images in Drupal and so to keep it performant, we would like to highlight a few rules.
- Use the right format
- Webp for regular images
- SVG for logos
- Use the naming convention for the visuals you upload
The naming convention of the visuals has the following structure:
Description of the image in English_withd imagexheight image_position on the page
For example:
• Formula1_960x540
• People_laughing_during_meeting_1200x800
-> There are a few exceptions to this rule:
-> When the visual is used exclusively for a certain section on a certain page such as the hero of a certain page type, the name should contain the location of the image. For example: Podcast_Overview_Page_Hero_960x540
-> When the visual does contain text in a certain language, the country code should be included in the name. For example: UK_Solution_Page_Hero_SAP_640x480
- If the upload of your image is blocked, please check why and don't just add a 0 or a 1 at the end of the name to force it.
- If you have upladed an image and you don't use it, please delete it, it will save space in Drupal en enhance its speed.
How did we do?
Chapter 2 - The Website Structure
Chapter 4 - How to create a page in Drupal?