Les images dans le Responsive Web Design

Blended learning

Duration

 2,00 day(s)

Language(s) of service

EN FR

Next session

 15.09.2026
Location
 En distanciel

Price

1550,00€

Who is organizing this training?

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.

Who is the training for?

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

Goals

  • 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.

Contents

É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
Solutions actuelles pour une mise en œuvre tous navigateurs
  • Le polyfill picturefill v3
  • La gestion des fallbacks
Les solutions du futur
  • Les Client Hints

Certificate, diploma

Une attestation de participation sera transmise aux participants

Next session

Datum
City
Language and price
15.09.2026
En distanciel
FR 1550,00€
02.12.2026
En distanciel
FR 1550,00€

These courses might interest you

FR
Day
Blended-Learning
Audiovisual multimedia - Internet - Website - Website referencing
08.09.2026
FR
Day
Blended-Learning
Audiovisual multimedia - Internet - Website - Website referencing
01.07.2026