Combien de temps dure la formation ?

2,00 jour(s)

Dans quelle(s) langue(s) la formation est-elle donnée ?

EN FR

Quand a lieu la prochaine session ?

15.09.2026

Voir détails

Où se déroule la formation ?

En distanciel

Combien coûte la formation ?

1550,00€

Qui organise cette formation ?

OXiane est spécialisé dans la conception et la réalisation de formations informatiques et de supports de cours pédagogiques sur les dernières technologies. Nos différentes filières permettent de couvrir tous les besoins en formation que ce soit en IT au sens large, mais également "Utilisateurs" et "Soft Skills" en Management, Communication & leadership.

À qui s’adresse la formation ?

Développeurs front-end, UX Designers, Graphistes Web, Chefs de projet Web

Quels sont les objectifs poursuivis ou les compétences visées ?

Appréhender les tenants et aboutissants de la gestion des images dans les projets Responsive Web Design,
Intégrer dans leurs projets Responsive Web Design les bonnes techniques de gestion des images.

Quel est le contenu de la formation ?

État des lieux du Web mobile

Usage de devices différents selon le contexte, le moment de la journée
Activité séquentielle d'un device à l'autre
Statistiques par navigateurs et plateformes
Rapprochement mobile – desktop : un seul développement

Rappel de la définition du Responsive Web Design

La définition d'origine
Les grands principes pour les images
Parcours de quelques sites pour visualiser les pratiques courantes pour les images en
Responsive Web Design

Les formats d'images

Les images matricielles (bitmap) : GIF, PNG, JPEG
Les images vectorielles : fontes d'icônes, SVG
La gestion des sprites

Gérer les images de décoration dans la CSS

Gérer les densités variables (« Retina »)
Gérer les largeurs variables, fluides
Combiner les deux

Gérer les images de contenu dans le HTML

Gérer les densités variables (« Retina »)
- L'astuce « Compressive Images »
- srcset-x
Gérer les largeurs variables, fluides
- srcset-w
- sizes
La Direction Artistique
- picture / source