Skip to content
FR EN

Handbook of Sustainable Design of Digital Services

MENU
← go back
Frontend    ODD#12     ODD#13    

Is the definition of the image reduced and adapted to its objective (illustration, contractual, ...) ?

Advice 

UI

B People

A Planet

B Prosperity

Difficulty

N/A

Priority

/

Récurrence

/

Tests

What level of quality is expected for each image?

Precisions

Illustrative images and images that carry more contractual information such as the image of a product do not have the same needs for quality details. The adaptation of the level of quality to the importance of the image makes it possible to reduce the environmental footprint of the less critical needs for the service.

Additional elements

Rule for assessing the level of compliance of the criterion

0 / 0

Life cycle

Réalisation

20 other criteria related to the recommendation: Implement technical solutions with the lowest impact

Recommendation Essential

UI

Is a clean version available for prints ?

Recommendation

user Experience

Is a CSS alternative available for an animation ?

Recommendation

user Experience

Is the service suitable for different accessibility media formats ?

Recommendation

UI

Are the animations necessary, desired by the user ?

Recommendation

UI

Is the service developed in accordance with RGAA recommendations ?

Recommendation

UI

Are the fonts used not loaded only for a small number of objects ?

Recommendation

UI

If printing, is an ink saving font installed ?

Recommendation

UI

Do you limit the number of fonts loaded for the service ?

Advice

UI

Are you reducing the number of pictograms used in the service ?

Advice

UI

Is a video the only solution for the expected illustration ?

Recommendation

UI

Are videos or animations outside the active area automatically paused / stopped ?

Recommendation

UI

Is it really a user action that triggers the "play" ?

Advice

UI

Is the definition of the sound suitable ?

Advice

UI

Does the lazy load bring a gain (weight of the page, CPU resource) ?

Recommendation

UI

Is formatting in css preferred, to limit the use of images ?

Advice

UI

Are CSS sprites implemented to limit the flow of image fetching ?

Advice

UI

Are alternative image formats made available through srcset ?

Recommendation

UI

Do all images have a text alternative ?

Recommendation

UI

Are image resizing processed upstream and statically (server side) ?

Recommendation

UI

Have the different image formats available been evaluated to select only the most effective ?