Optimisation des images pour le digital et enjeux de la sobriété numérique

Public admis

  • Salarié en Poste
  • Demandeur d'emploi
  • Entreprise
  • Etudiant

Financements

Eligible CPF Votre OPCO Financement personnel

Objectifs de la formation

A l'issue de cette formation, vous serez capable de :

  • Mesurer les impacts sur l'empreinte carbone
  • Décrire les impacts sur les visiteurs d'un site Web et sur le référencement par Google
  • Renforcer la vitesse de chargement des images d'un site Web par le navigateur
  • Assurer une haute qualité visuelle
  • Préparer et décliner les images pour les écrans : sites Web et terminaux mobiles, tablettes iPad et Android, Smartphones iPhone et Android
  • Reconnaître les outils disponibles pour WordPress
  • Améliorer le SEO grâce aux balises d'images (Search Engine Optimization).

M2I


Un leadership dans le domaine de la formation
Voir la fiche entreprise

Tarif

A partir de 460,00 €

Durée 1 jour  (7h00)
Modes
  • Centre
  • Distance
Sessions
Lieux Partout en France

M2I


Un leadership dans le domaine de la formation
Voir la fiche

Tarif

A partir de 460,00 €

Durée 1 jour  (7h00)
Modes
  • Centre
  • Distance
Sessions
Lieux Partout en France

Programme

Contexte

  • Pourquoi bien optimiser les images Web ?
  • Les impacts multiples et importants sur :
    • Le référencement par Google
    • Le taux de rebond des visiteurs
    • Les ventes en e-commerce
    • Le taux d'engagement
    • La confiance dans une marque

Les différents types d'images numériques

  • Matriciel vs vectoriel
  • La lumière et la perception humaine
  • Codage des couleurs
    • Synthèse additive
    • Synthèse soustractive
  • Les pixels
    • Définition / résolution
    • Taille / format
  • Les profils RVB

Les périphériques

  • Acquisition
    • Scanner
    • Appareils photos
    • Smartphones
  • Affichage
    • Ecrans
    • Les tailles d'écran

Banque d'image

  • Commerciales
  • Gratuites

Licences de droit d'auteur

  • Libres de droit
  • Droits gérés
  • Libre de diffusion

Outil de traitement d'image

  • Adobe Photoshop
  • Pixelmator
  • Affinity Photo
  • Gimp
  • Paint.NET

Les formats matriciels

  • JPEG
  • PNG
  • GIF
  • WebP
  • JPEG-XL
  • AVIF
  • HEIC
  • Grille des spécificités

Les formats vectoriels

  • SVG (+ XML)
  • Compression GZIP
  • Optimiser avec SVGO

Les compressions

  • Lossless (sans perte)
    • RLE (Run Length Encoding)
    • LZW (Lempel-Ziv-Welch)
  • Lossy (destructive)
    • JPEG

Traitement pour le Web

  • Comprendre le rapport poids / qualité
  • Gérer la compression
  • Technique du subsampling d'image

Outils d'optimisation

  • iLoveIMG
  • GIFsicle
  • JPEGtran
  • OptiPNG
  • pngquant

Optimisation SEO

  • Bien nommer les images
  • Protéger avec .htaccess
  • Images dans le texte
  • EXIF (Exchangeable Image File Format) et métadonnées
  • Visual Search

Insertion dans la page Web

  • HTML
    • La balise
    • Les attributs : alt, title...
    • Taille réelle et taille d'affichage
  • CSS
    • La propriété background-image
    • Superposition de fonds

Optimiser les images dans WordPress

  • Outils de redimensionnement internes
  • Plug-ins
    • Smush
    • Imagify (WP Rocket)
    • TinyPNG
  • Compatibilité WebP
    • Site Accelerator du Jetpack
    • KeyCDN / Cache Enabler
    • Optimus.io

Images responsives

  • Le rôle des CSS
  • Taille absolue et relative
  • HIDPI (High Dots Per Inch) et Retina
    • Pixel CSS et pixel d'appareil
    • Densité des écrans
  • Utilisation d'images de résolutions multiples
    •  : les attributs "srcset" et "sizes"
    • La balise :

Réduire les requêtes HTTP

  • Sprite sheet
  • Data URI (Uniform Resource Identifier)

Sobriété numérique

  • Impacts écologiques des images sur le Web
  • Démarche d'éco-conception de sites Web
  • Traitements nécessaires en amont
  • Les sollicitations inutiles
    • Du navigateur
    • Du serveur
  • Usage d'un CDN
  • Bon usage
    • De Cloud Computing
    • De Cloudinary
  • Revisiter son Web Design
  • Comprendre le CSS pour y recourir plus souvent
  • Optimisation des SVG
  • Nettoyage des balises HTML vides

Le contenu de ce programme peut faire l'objet d'adaptation selon les niveaux, prérequis et besoins des apprenants.

Modalités d’évaluation des acquis

  • En cours de formation, par des productions
  • Et, en fin de formation, par un questionnaire d'auto-évaluation

Prérequis

Disposer des notions de bases HTML et CSS, avoir déjà utilisé un logiciel de traitement d'images et avoir une bonne connaissance de l'environnement informatique (pratique courante d'OS X ou de Windows).

Public

Webmasters, créateurs de sites Internet, responsables de campagne multicanal, chefs de projets et développeurs d'applications pour tablettes (iPad / Android) et Smartphones.

Ces formations pourraient vous intéresser

Objectifs de la formation

• Cerner les enjeux RH autour de la consolidation d’une marque employeur «fonction publique»
• Identifier les forces et faiblesses de la marque et des implications en termes d’attractivité des postes
• Elaborer une stratégie de renforcement de la marque employeur

Tarif

A partir de 1 400,00 €

Durée

Nous contacter

Modes

Objectifs de la formation

A l'issue de cette formation, vous serez capable de :

  • Etablir un mandat parfaitement adapté à la pratique professionnelle
  • Examiner l'ensemble des clauses régissant un mandat
  • Appliquer le renouvellement de la carte professionnelle.
Tarif

A partir de 700,00 €

Durée

1j / 7h

Modes
  • Centre
  • Distance

Formation Docker

Proposé par Sparks

Objectifs de la formation

  • Installer et prendre en main Docker
  • Comprendre les images et les conteneurs
  • Maîtriser la gestion des données et les volumes
  • Gérer les réseaux sur Docker
  • Utiliser Docker Compose pour les applications multi-conteneurs
  • Utiliser Docker Machin et Docker Swarm pour le clustering et l'orchestration
  • Connaître les bonnes pratiques d'utilisation de Docker en production
Tarif

A partir de 2 100,00 €

Durée

3 jours

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

Réaliser un projet fonctionnel à  l'aide d'un framework JS
Tarif

A partir de 1 225,00 €

Durée

5j / 35h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

A l'issue de cette formation, vous serez capable de :

  • Définir l'absentéisme et expliquer ses impacts sur l'entreprise
  • Analyser les causes de l'absentéisme au travail
  • Evaluer les enjeux économiques et sociaux de l'absentéisme au travail
  • Identifier les droits et obligations légales de l'employeur et du salarié
  • Reconnaître la responsabilité de l'employeur sur la santé des salariés
  • Appliquer les sanctions applicables par l'employeur en cas d'absences fautives
  • Evaluer les actions mises en place dans d'autres entreprises pour prévenir et réduire l'absentéisme
  • Analyser les facteurs de réussite et d'échec des actions de prévention de l'absentéisme
  • Décrire l'importance de sensibiliser les salariés et les représentants du personnel aux problématiques de l'absentéisme
  • Concevoir des outils managériaux pour renforcer le dialogue social et améliorer la qualité des conditions de travail.
Tarif

A partir de 1 400,00 €

Durée

2j / 14h

Modes
  • Centre
  • Distance

Assistant(e) achats

Proposé par M2I

Objectifs de la formation

A l'issue de cette formation, vous serez capable de :

  • Expliquer le rôle et les responsabilités des achats au sein de l'organisation
  • Identifier et décrire les étapes du processus d'achat
  • Analyser les enjeux liés à la fonction des achats
  • Différencier les rôles et responsabilités des assistants et techniciens achats en fonction de l'activité et de la taille de l'entreprise
  • Définir et formuler les objectifs des acheteurs et des responsables achats
  • Identifier les attentes des autres fonctions de l'entreprise vis-à-vis des achats
  • Concevoir des plans d'actions pour améliorer la fonction achat
  • Etablir un service de support et de conseil interne en matière d'achats
  • Mettre en place un circuit administratif efficace pour le traitement des demandes d'achats et des régularisations
  • Utiliser les outils informatiques appropriés, tels que les logiciels, les tableaux de bord et les indicateurs, pour piloter les activités d'achat.
Tarif

A partir de 1 400,00 €

Durée

2j / 14h

Modes
  • Centre
  • Distance

Objectifs de la formation

  • Appliquer le cadre légal du licenciement économique
  • Préparer un projet de licenciement économique en tenant compte des enjeux sociaux, juridiques et financiers
  • Sécuriser les différentes étapes de la procédure
Tarif

A partir de 1 803,00 €

Durée

2 jours

Modes
  • Entreprise
  • Centre
  • Distance

Objectifs de la formation

L'Executive Certificate en Supply Chain a pour objectif d'appréhender les enjeux stratégiques des transitions sociétales et écologiques du Supply Chain management et développer l’excellence opérationnelle (EO) au sein de la Supply Chain.

  • Supply Chain
    • Créer une Supply Chain digitalisée, collaborative et de proximité.
    • Anticiper le futur du service client et optimiser ses relations fournisseurs.
    • Programmer / planifier en flux tirés.
  • Leadership
    • Exprimer son leadership personnel avec la méthode Schultz®.
    • Mieux communiquer avec la Process Com®.
    • Manager le changement dans un esprit agile.
  • Excellence organisationnelle
    • Démarche Lean.
    • Analyser son process et l'améliorer en continu.
    • Développer la culture de l'excellence.

Bénéfices participant

  • Certification Logistique - Supply Chain Black Belt d’une durée de 6 mois à raison d'un module par mois, compatible avec le maintien de la vie professionnelle.
  • Association de cours théoriques et de mises en situations.
  • Visite de site prévue dans cette certification Supply Chain.
  • Expérience d’excellence opérationnelle menée dans une usine-école innovante.
  • Validation de tout ou partie du Bloc de compétence "Appui à la transformation en contexte professionnel" du Titre RNCP "Master Génie Industriel" : www.francecompetences.fr
  • Taux de réussite = 100%.

 

Les cours sont dispensés à Lyon et à Paris.

Tarif

A partir de 12 250,00 €

Durée

21 jours

Modes
  • Distance
  • Centre

Objectifs de la formation

  • Évaluation des compétences acquises via un questionnaire en ligne intégrant des mises en situation.
Tarif

Contacter l'organisme

Durée

3 jours (21 heures)

Modes
  • Entreprise
  • Distance
  • Centre

Objectifs de la formation

  • Comprendre les enjeux liés à la sécurité des aliments
  • Comprendre les différentes méthodes analytiques relatives au diagnostic de pathogènes alimentaires
Tarif

A partir de 580,00 €

Durée

1j / 7h

Modes
  • Centre
  • Entreprise
  • Distance

Je cherche à faire...