diff --git a/content/blog-posts/5-astuces-windows.md b/content/blog-posts/5-astuces-windows.md
index 4ba4066..87754f0 100644
--- a/content/blog-posts/5-astuces-windows.md
+++ b/content/blog-posts/5-astuces-windows.md
@@ -1,7 +1,7 @@
---
title: "Windows : 5 astuces pour vous faciliter la vie !"
description: "Simplifiez-vous la vie avec ces 5 astuces disponibles sur Windows!"
-banner: /img/articles/5-astuces-windows/5-astuces.png
+banner: /img/articles/5-astuces-windows/5-astuces.webp
type: tutorial
authorId: davall
category: windows
@@ -82,15 +82,15 @@ La technique que je vais vous montrer ne supporte pas tout le temps les raccourc
Voici comment nous allons procéder :
* Créez tout d’abord un dossier, placez-y ensuite vos raccourcis à l’intérieur.
-![](/img/articles/5-astuces-windows/172709jeux1.png)
+![](/img/articles/5-astuces-windows/172709jeux1.webp)
* Faites ensuite un clic droit sur le fond du dossier (pas sur un raccourci attention !)
* Sélectionnez « Regroupez par » et cliquez sur « Autres… »
- ![](/img/articles/5-astuces-windows/pGUT0m1.png)
+ ![](/img/articles/5-astuces-windows/pGUT0m1.webp)
* Dans la liste, cherchez « Commentaires » et cochez-le.
* Sélectionnez encore une fois « Regroupez par » et cliquez cette fois-ci sur « Commentaires »
* Normalement, vos raccourcis devraient tous être triés au même endroit, dans un groupe « Non spécifié ».
* Désormais, faites clic droit sur le raccourci que vous souhaitez modifier, cliquez sur « Propriétés » et dans l’onglet « Raccourci » modifiez le « Commentaire » de votre raccourci (je vous conseille de mettre #steam pour tous vos jeux Steam et #uplay pour tous vos jeux uPlay, comme ça ils sont tous triés par plateforme ! ^^)
- * ![](/img/articles/5-astuces-windows/496132jeux3.png)
+ * ![](/img/articles/5-astuces-windows/496132jeux3.webp)
Voilà ! Vous avez désormais un dossier propre et bien rangé ! Cela fonctionne avec tous les autres fichiers en temps normal ! Faites jouer votre esprit créatif ! ^^
diff --git a/content/blog-posts/activer-serveur-ssh-gitea-gogs.md b/content/blog-posts/activer-serveur-ssh-gitea-gogs.md
index 494a0ee..0cd4d20 100644
--- a/content/blog-posts/activer-serveur-ssh-gitea-gogs.md
+++ b/content/blog-posts/activer-serveur-ssh-gitea-gogs.md
@@ -1,7 +1,7 @@
---
title: "Comment activer le serveur SSH de Gitea ou de Gogs?"
description: "Voici comment configurer le serveur SSH intégré dans Gogs et Gitea, pour pouvoir gérer et mettre à jour vos dépôts en toute simplicité, comme sur GitHub."
-banner: /img/articles/activer-serveur-ssh-gitea-gogs/gitea-gogs-ssh.png
+banner: /img/articles/activer-serveur-ssh-gitea-gogs/gitea-gogs-ssh.webp
type: tutorial
authorId: gildasgh
category: programming
diff --git a/content/blog-posts/addons-pratiques-firefox.md b/content/blog-posts/addons-pratiques-firefox.md
index a93e882..bea3cea 100644
--- a/content/blog-posts/addons-pratiques-firefox.md
+++ b/content/blog-posts/addons-pratiques-firefox.md
@@ -1,7 +1,7 @@
---
title: "Les addons pratiques pour Firefox"
description: "Voici une liste personnelle d’addons utiles et pratiques que j’utilise sur Firefox 57 Quantum."
-banner: /img/articles/addons-pratiques-firefox/addons-firefox.png
+banner: /img/articles/addons-pratiques-firefox/addons-firefox.webp
type: article
authorId: gildasgh
category: software
diff --git a/content/blog-posts/adobe-flash-brave-linux.md b/content/blog-posts/adobe-flash-brave-linux.md
index fca6105..fb068b8 100644
--- a/content/blog-posts/adobe-flash-brave-linux.md
+++ b/content/blog-posts/adobe-flash-brave-linux.md
@@ -1,7 +1,7 @@
---
title: "Installer Adobe Flash Player sur Brave Browser (Linux)"
description: "Installer Adobe Flash Player sur Brave (Linux) peut s'avérer difficile ! Voici un article donnant une méthode facile et rapide pour le faire !"
-banner: /img/articles/adobe-flash-brave-linux/flashplayer-install.png
+banner: /img/articles/adobe-flash-brave-linux/flashplayer-install.webp
type: tutorial
authorId: kernoeb
category: linux
@@ -61,11 +61,11 @@ Utilisez cette commande pour ouvrir Brave `/usr/bin/brave-browser-stable --ppapi
7. **Cliquez** sur la petite fenêtre Flash
-![image-20200318192531227](/img/articles/adobe-flash-brave-linux/adobe-flash-1.png)
+![image-20200318192531227](/img/articles/adobe-flash-brave-linux/adobe-flash-1.webp)
8. **Autorisez**
-![image-20200318192548978](/img/articles/adobe-flash-brave-linux/adobe-flash-2.png)
+![image-20200318192548978](/img/articles/adobe-flash-brave-linux/adobe-flash-2.webp)
Et voilà, au prochain démarrage de Brave, Flash Player fonctionnera.
diff --git a/content/blog-posts/android-o-le-nom-ce-soir.md b/content/blog-posts/android-o-le-nom-ce-soir.md
index 282cb44..7d009b9 100644
--- a/content/blog-posts/android-o-le-nom-ce-soir.md
+++ b/content/blog-posts/android-o-le-nom-ce-soir.md
@@ -1,7 +1,7 @@
---
title: "Android dévoile le nom de son nouveau système ce soir !"
description: "Android dévoile ce soir le nom du nouveau système Android !"
-banner: /img/articles/android-o-le-nom-ce-soir/android-o-ce-soir.png
+banner: /img/articles/android-o-le-nom-ce-soir/android-o-ce-soir.webp
type: flash
authorId: stengarlis
category: android
@@ -13,4 +13,4 @@ Ce soir, le nom officiel d’**Android O** sera disponible ! **Google** a déjà
**Google doit dévoiler dans [un live, sur Youtube](https://www.youtube.com/watch?v=PiW2k-80Ruo), sa nouvelle version d’Android,** ce lundi à 20h30 en France, 14h30 heure de New York lors d’une éclipse solaire qui couvrira le ciel des États-Unis.
- La Bêta de ce nouveau système d’exploitation Android est **disponible [au téléchargement](https://www.google.com/android/beta?u=0).** Vous pourrez l’installer sur vos téléphones Nexus et Pixel.
\ No newline at end of file
+ La Bêta de ce nouveau système d’exploitation Android est **disponible [au téléchargement](https://www.google.com/android/beta?u=0).** Vous pourrez l’installer sur vos téléphones Nexus et Pixel.
diff --git a/content/blog-posts/android-open-source-juillet.md b/content/blog-posts/android-open-source-juillet.md
index 27a9717..0e79569 100644
--- a/content/blog-posts/android-open-source-juillet.md
+++ b/content/blog-posts/android-open-source-juillet.md
@@ -1,7 +1,7 @@
---
title: "Mes applis Android Open-Source - Juillet 2018"
description: "Liste non exhaustive des applications open-source que j'utilise en juillet 2018!"
-banner: /img/articles/android-open-source-juillet/applis-open-source-juillet-2018.png
+banner: /img/articles/android-open-source-juillet/applis-open-source-juillet-2018.webp
type: article
authorId: kernoeb
category: android
diff --git a/content/blog-posts/android-oreo.md b/content/blog-posts/android-oreo.md
index a767db1..ebe41d7 100644
--- a/content/blog-posts/android-oreo.md
+++ b/content/blog-posts/android-oreo.md
@@ -1,7 +1,7 @@
---
title: "Android Oreo"
description: "Nous avons enfin après beaucoup d’attente et après une éclipse au-dessus des États-Unis, le nom du nouveau système d’Android, Android Oreo !"
-banner: /img/articles/android-oreo/android-o-oreo.png
+banner: /img/articles/android-oreo/android-o-oreo.webp
type: flash
authorId: stengarlis
category: android
@@ -17,4 +17,4 @@ timestamp: 1503341729
![](/img/articles/android-oreo/oreo.jpg)
- Un petit rappel, pour connaître les nouvelles fonctionnalités d’Android Oreo, **nous vous invitons à [lire cet article](https://becauseofprog.fr/blog/android-o-8) disponible sur la BecauseOfProg, par Exybore.**
\ No newline at end of file
+ Un petit rappel, pour connaître les nouvelles fonctionnalités d’Android Oreo, **nous vous invitons à [lire cet article](https://becauseofprog.fr/blog/android-o-8) disponible sur la BecauseOfProg, par Exybore.**
diff --git a/content/blog-posts/any-desk-pc.md b/content/blog-posts/any-desk-pc.md
index 70af5ef..43e1aa3 100644
--- a/content/blog-posts/any-desk-pc.md
+++ b/content/blog-posts/any-desk-pc.md
@@ -1,7 +1,7 @@
---
title: "Contrôler son PC à distance avec AnyDesk !"
description: "Une application non open-source pour contrôler son ordinateur à distance facilement et rapidement !"
-banner: /img/articles/any-desk-pc/anydesk-compressor.png
+banner: /img/articles/any-desk-pc/anydesk-compressor.webp
type: article
authorId: kernoeb
category: software
@@ -19,7 +19,7 @@ Bonjour à tous et à toutes,
Autres avantages (*à vérifier tout de même, mais après 1 mois d'utilisation, ça me paraît correct*) :
- ![](/img/articles/any-desk-pc/avantages-compressor.png)
+ ![](/img/articles/any-desk-pc/avantages-compressor.webp)
Il n'y a donc pas de **limite** de débit, pas de limites de transfert...
En effet, vous pouvez **envoyer des fichiers** entre les deux appareils, avec un simple copier-coller !
diff --git a/content/blog-posts/applications-android-fevrier-2019.md b/content/blog-posts/applications-android-fevrier-2019.md
index e117447..f12625f 100644
--- a/content/blog-posts/applications-android-fevrier-2019.md
+++ b/content/blog-posts/applications-android-fevrier-2019.md
@@ -1,7 +1,7 @@
---
title: "Mes Applications Android Open Source - Février 2019"
description: "Découvrez de nouvelles applis open-source à utiliser sur vos appareils Android !"
-banner: /img/articles/applications-android-fevrier-2019/MAAOS_3.png
+banner: /img/articles/applications-android-fevrier-2019/MAAOS_3.webp
type: article
authorId: kernoeb
category: android
diff --git a/content/blog-posts/applications-lite.md b/content/blog-posts/applications-lite.md
index 571f55b..67f08e1 100644
--- a/content/blog-posts/applications-lite.md
+++ b/content/blog-posts/applications-lite.md
@@ -1,7 +1,7 @@
---
title: "Les applications “Lite”"
description: "Les lite apps, applications de taille réduite et performances optimisées sont à la mode chez les grandes firmes qui ont des applications bien trop lourdes pour les téléphones et le réseau Indien. En voici une liste, et comment les télécharger !"
-banner: /img/articles/applications-lite/lite-apps.png
+banner: /img/articles/applications-lite/lite-apps.webp
type: article
authorId: gildasgh
category: software
@@ -69,7 +69,7 @@ Nous avons présenté dans un article hier la nouvelle version du site mobile d
Site officiel :
- ![](/img/articles/applications-lite/2.png)
+ ![](/img/articles/applications-lite/2.webp)
7) YouTube Go
-------------
diff --git a/content/blog-posts/applis-open-source-novembre.md b/content/blog-posts/applis-open-source-novembre.md
index 1f748e7..d300ec8 100644
--- a/content/blog-posts/applis-open-source-novembre.md
+++ b/content/blog-posts/applis-open-source-novembre.md
@@ -1,7 +1,7 @@
---
title: "Mes applis Android Open-Source - Novembre 2017 "
description: "Une liste non-exhaustive des applications open-source du F-Droid que j'utilise ce mois-ci ! "
-banner: /img/articles/applis-open-source-novembre/36apps.png
+banner: /img/articles/applis-open-source-novembre/36apps.webp
type: article
authorId: kernoeb
category: android
diff --git a/content/blog-posts/brave-open-source.md b/content/blog-posts/brave-open-source.md
index c1f98e8..78f2354 100644
--- a/content/blog-posts/brave-open-source.md
+++ b/content/blog-posts/brave-open-source.md
@@ -22,11 +22,11 @@ Je tombe sur cette vidéo, qui me donne envie d'en savoir plus (*je ne suis pour
J'apprends que ce navigateur est disponible sous (presque) toutes les plateformes, en passant par PC et smartphones.
Je l'installe alors depuis mon PC sous Linux ElementaryOS Loki.
-![](/img/articles/brave-open-source/Capture_d_cran_du_2017_05_04_16_56_05.png)
+![](/img/articles/brave-open-source/Capture-d-cran-du-2017-05-04-16-56-05.webp)
Interface épurée, simple, **ergonomique**. Pas d'outils parasites *inutiles*. Et il est **open source** !
-![](/img/articles/brave-open-source/Capture_d_cran_du_2017_05_04_17_33_52.png)
+![](/img/articles/brave-open-source/Capture-d-cran-du-2017-05-04-17-33-52.webp)
Un **bloqueur de pub** intégré modifiable, des options intéressantes (*pas comme mon histoire du début*)...
Et pour cela, pas besoin de chercher bien loin, une seule icône en haut à droite, tout simplement l'icône officielle de **Brave** :
@@ -35,11 +35,11 @@ Et pour cela, pas besoin de chercher bien loin, une seule icône en haut à droi
Très **rapide**, il dispose d'options intéressantes, jamais testées pour ma part, comme **Brave Payments** et **Brave Sync**.
-![](/img/articles/brave-open-source/dnmOrro.png)
+![](/img/articles/brave-open-source/dnmOrro.webp)
*- Brave Payments*
-![](/img/articles/brave-open-source/5S0JNI6.png)
+![](/img/articles/brave-open-source/5S0JNI6.webp)
Voici une vidéo de **présentation** (en anglais, mais une image vaut mille mots, je vous laisse faire le calcul vu que la vidéo est en 30fps) :
@@ -60,5 +60,4 @@ C'est mon navigateur **par défaut**. Il ressemble comme deux gouttes d'eau à C
Voilà, c'est la fin de cet article, je vous conseille de l'essayer si ça vous intéresse !
Merci d'avoir lu :)
-**Cordialement**, OrNicarZ.
-![](/img/articles/brave-open-source/brave_logo_2color_512x.png)
+**Cordialement**, OrNicarZ.
diff --git a/content/blog-posts/bypass-windows-admin-password.md b/content/blog-posts/bypass-windows-admin-password.md
index 6ee9fa8..ccc1791 100644
--- a/content/blog-posts/bypass-windows-admin-password.md
+++ b/content/blog-posts/bypass-windows-admin-password.md
@@ -1,7 +1,7 @@
---
title: "Contourner le mot de passe admin Windows"
description: "Comment créer, modifier et supprimer des administrateurs Windows sans avoir le mot de passe admin?"
-banner: /img/articles/bypass-windows-admin-password/bop-article.png
+banner: /img/articles/bypass-windows-admin-password/bop-article.webp
type: article
authorId: gildasgh
category: windows
diff --git a/content/blog-posts/changer-motd-linux.md b/content/blog-posts/changer-motd-linux.md
index 2445a86..59abb9e 100644
--- a/content/blog-posts/changer-motd-linux.md
+++ b/content/blog-posts/changer-motd-linux.md
@@ -1,7 +1,7 @@
---
title: "Changer le message du jour sur Linux"
description: "Voici comment changer simplement le message qui s'affiche lors de la connexion à un utilisateur Linux :D"
-banner: /img/articles/changer-motd-linux/changer-motd-linux-4.png
+banner: /img/articles/changer-motd-linux/changer-motd-linux-4.webp
type: tutorial
authorId: gildasgh
category: linux
@@ -31,7 +31,7 @@ Quand vous vous connectez dans un terminal sur le système GNU/Linux, vous pouve
Vous aurez à modifier un, et un seul fichier : /etc/profile.d/motd.sh qui contient lui aussi des commandes bash que vous pouvez personnaliser à volonté ! Par exemple, voici un petit script pour choisir un texte à afficher parmi une liste au hasard :
```bash
- #! /bin/bash MSGS=("Message 1" "Le deuxième" "Et le dernier!") MSG=${MSGS[$RANDOM % ${#MSGS[@]} ]} echo "Bienvenue! $MSG"; ![Capture d'écran du MOTD du terminal.](/img/articles/changer-motd-linux/change-motd-linux-1.png)
+ #! /bin/bash MSGS=("Message 1" "Le deuxième" "Et le dernier!") MSG=${MSGS[$RANDOM % ${#MSGS[@]} ]} echo "Bienvenue! $MSG"; ![Capture d'écran du MOTD du terminal.](/img/articles/changer-motd-linux/change-motd-linux-1.webp)
```
Vous savez maintenant comment faire, soyez créatifs ! Bon weekend !
diff --git a/content/blog-posts/chrome-android-change-de-design.md b/content/blog-posts/chrome-android-change-de-design.md
index e15e880..f06afde 100644
--- a/content/blog-posts/chrome-android-change-de-design.md
+++ b/content/blog-posts/chrome-android-change-de-design.md
@@ -15,13 +15,13 @@ Google a récemment publié, dans sa version de développement, une mise à jour
Déjà sur la page d’accueil tout est mieux organisé : les sites les plus visités en mosaïque en haut avec des nouvelles ciblées plus bas. Le menu tout en bas propose des onglets qu’on a déjà l’habitude de visiter : il s’agit des téléchargements, favoris et de l’historique.
- ![Page d'accueil Chrome](/img/articles/chrome-android-change-de-design/chrome-new-design-accueil.png)![Téléchargements](/img/articles/chrome-android-change-de-design/chrome-new-design-downloads.png)
+ ![Page d'accueil Chrome](/img/articles/chrome-android-change-de-design/chrome-new-design-accueil.webp)![Téléchargements](/img/articles/chrome-android-change-de-design/chrome-new-design-downloads.webp)
- ![Favoris](/img/articles/chrome-android-change-de-design/chrome-new-design-favoris.png)![Historique](/img/articles/chrome-android-change-de-design/chrome-new-design-historique.png)
+ ![Favoris](/img/articles/chrome-android-change-de-design/chrome-new-design-favoris.webp)![Historique](/img/articles/chrome-android-change-de-design/chrome-new-design-historique.webp)
Dès lors que l’on va sur une page, la navigation ne change pas tellement, simplement que la barre d’actions est désormais en bas.
- ![Navigation](/img/articles/chrome-android-change-de-design/chrome-new-design-navigation.png)
+ ![Navigation](/img/articles/chrome-android-change-de-design/chrome-new-design-navigation.webp)
On peut alors glisser celle-ci vers le haut pour avoir accès rapidement à la page d’accueil.
diff --git a/content/blog-posts/chrome-ou-firefox.md b/content/blog-posts/chrome-ou-firefox.md
index ed243c6..b302320 100644
--- a/content/blog-posts/chrome-ou-firefox.md
+++ b/content/blog-posts/chrome-ou-firefox.md
@@ -46,7 +46,7 @@ timestamp: 1491413339
Chrome dispose aussi d'un mode "Caster" simple à utiliser, si vous avez chez vous un Chromecast ou une Smart TV. Vous cliquez et ça marche. Mais, car Chrome est avant tout Google, il aura plus tendance à vous espionner, afin de savoir où vous allez et ainsi vous proposer des publicités ciblées.
- ![Synchronisation](/img/articles/chrome-ou-firefox/Synchronisation.png)
+ ![Synchronisation](/img/articles/chrome-ou-firefox/Synchronisation.webp)
[*(voir source image)*](https://www.it-connect.fr/sauvegarde-ou-synchronisation/)
diff --git a/content/blog-posts/decompiler-un-apk-android.md b/content/blog-posts/decompiler-un-apk-android.md
index 6cce69a..adde6d7 100644
--- a/content/blog-posts/decompiler-un-apk-android.md
+++ b/content/blog-posts/decompiler-un-apk-android.md
@@ -23,7 +23,7 @@ Petit article rapide, mais efficace.
*Selon notre ami Wikipédia, un "**décompilateur**" est un outil servant à reconstituer, partiellement ou totalement, le code source d’un logiciel à partir d’un programme exécutable alors dans un format binaire.*
-> *Vous me suivez toujours ? ![wink](/img/articles/decompiler-un-apk-android/wink_smile.png "wink")*
+> *Vous me suivez toujours ? ![wink](/img/articles/decompiler-un-apk-android/wink_smile.webp "wink")*
En supposant que oui, c'est désormais **possible**, rapidement et facilement.
@@ -43,7 +43,7 @@ Petit article rapide, mais efficace.
**Voici un aperçu bref de l'application. **
- ![](/img/articles/decompiler-un-apk-android/apktool_menu.png) ![](/img/articles/decompiler-un-apk-android/apktool_settings.png) ![](/img/articles/decompiler-un-apk-android/apktool_shortpress_folder.png)
+ ![](/img/articles/decompiler-un-apk-android/apktool_menu.avif) ![](/img/articles/decompiler-un-apk-android/apktool_settings.avif) ![](/img/articles/decompiler-un-apk-android/apktool_shortpress_folder.avif)
Bon, l'application n'est pas parfaite. Il peut y a voir des bugs. Mais pour ma part elle fonctionne très bien. Dites-vous que c'est déjà incroyable une application comme ça.
@@ -55,9 +55,9 @@ Petit article rapide, mais efficace.
Vous pouvez ensuite modifier ce que vous voulez, ou juste voir ce qu'il y a l'intérieur de l'appli (*je ne vous expliquerai pas les différentes parties d'une application dans cet article*), ensuite, vous pouvez recompiler l'application.
- Rien de bien compliqué, le plus dur étant de savoir parler un minimum **anglais** ![laugh](/img/articles/decompiler-un-apk-android/teeth_smile.png "laugh")
+ Rien de bien compliqué, le plus dur étant de savoir parler un minimum **anglais** ![laugh](/img/articles/decompiler-un-apk-android/teeth_smile.webp "laugh")
- ![](/img/articles/decompiler-un-apk-android/apktool_compiling.png)
+ ![](/img/articles/decompiler-un-apk-android/apktool_compiling.avif)
Pour plus de renseignements, voici deux articles qui m'ont bien aidé à faire... cet article x)
diff --git a/content/blog-posts/duckduckgo.md b/content/blog-posts/duckduckgo.md
index 6209a24..2e00bae 100644
--- a/content/blog-posts/duckduckgo.md
+++ b/content/blog-posts/duckduckgo.md
@@ -1,7 +1,7 @@
---
title: "DuckDuckGo, un moteur de recherche qui protège votre vie privée."
description: "Présentation de DuckDuckGo, un navigateur concurrent de Google qui prône la vie privée de ses utilisateurs."
-banner: /img/articles/duckduckgo/duckduckgo.png
+banner: /img/articles/duckduckgo/duckduckgo.webp
type: article
authorId: stengarlis
category: web
diff --git a/content/blog-posts/ecosia-le-moteur-de-demain.md b/content/blog-posts/ecosia-le-moteur-de-demain.md
index 744ecfc..3012113 100644
--- a/content/blog-posts/ecosia-le-moteur-de-demain.md
+++ b/content/blog-posts/ecosia-le-moteur-de-demain.md
@@ -1,7 +1,7 @@
---
title: "Ecosia, le moteur de recherche de demain "
description: "Naviguer écolo ? C'est possible avec Ecosia."
-banner: /img/articles/ecosia-le-moteur-de-demain/ecosia.png
+banner: /img/articles/ecosia-le-moteur-de-demain/ecosia.webp
type: article
authorId: rondouflex
category: web
diff --git a/content/blog-posts/english-week-2021-conferences-informatique-iutvannes.md b/content/blog-posts/english-week-2021-conferences-informatique-iutvannes.md
index 13f280c..878fda6 100644
--- a/content/blog-posts/english-week-2021-conferences-informatique-iutvannes.md
+++ b/content/blog-posts/english-week-2021-conferences-informatique-iutvannes.md
@@ -1,7 +1,7 @@
---
title: "Une semaine de conférences à l'IUT de Vannes"
description: "Découvrez l'Intelligence Artificielle, la Cybersécurité, le Développement de Jeux Vidéos et la Data Science du 2 au 4 février 2021, dans 9 conférences en anglais et en ligne"
-banner: /img/articles/english-week-2021-conferences-informatique-iutvannes/english-week-2021-iutvannes.png
+banner: /img/articles/english-week-2021-conferences-informatique-iutvannes/english-week-2021-iutvannes.webp
type: article
authorId: gildasgh
category: security
diff --git a/content/blog-posts/f-droid-open-source.md b/content/blog-posts/f-droid-open-source.md
index 1d33b2c..565a4af 100644
--- a/content/blog-posts/f-droid-open-source.md
+++ b/content/blog-posts/f-droid-open-source.md
@@ -1,7 +1,7 @@
---
title: "F-Droid, un Play Store alternatif open source ?"
description: "Un App Store concurrentiel à Play Store qui se démarque par ses applications libres !"
-banner: /img/articles/f-droid-open-source/fdroid.png
+banner: /img/articles/f-droid-open-source/fdroid.webp
type: article
authorId: kernoeb
category: android
@@ -18,7 +18,7 @@ Cependant, la plupart de ces applications ne donnent pas le **code source** de c
Si vous êtes un "*pro-linux*", vous préférez certainement des applications **libres de droit** et/ou de modification.
-![](/img/articles/f-droid-open-source/F-Droid_screenshot_05.png)
+![](/img/articles/f-droid-open-source/F-Droid_screenshot_05.webp)
> **F-Droid, une interface simple et rapide.**
diff --git a/content/blog-posts/fin-windows-vista.md b/content/blog-posts/fin-windows-vista.md
index a527224..c354c2e 100644
--- a/content/blog-posts/fin-windows-vista.md
+++ b/content/blog-posts/fin-windows-vista.md
@@ -1,7 +1,7 @@
---
title: "RIP Windows Vista"
description: "Le support de Windows Vista et de Internet Explorer est désormais fini"
-banner: /img/articles/fin-windows-vista/rip-windows-vista.png
+banner: /img/articles/fin-windows-vista/rip-windows-vista.webp
type: article
authorId: gildasgh
category: windows
@@ -9,7 +9,7 @@ labels: ["Windows", "Vista", "RIP", "IE9", "Internet Explorer", "Microsoft"]
timestamp: 1491992662
---
- ![Boîte Windows Vista Ultimate](/img/articles/fin-windows-vista/boite-windows-vista-ultimate_00FA000000043641.png)
+ ![Boîte Windows Vista Ultimate](/img/articles/fin-windows-vista/boite-windows-vista-ultimate_00FA000000043641.webp)
### Windows Vista, c'est officiellement fini!
diff --git a/content/blog-posts/firefox-focus.md b/content/blog-posts/firefox-focus.md
index e961c4c..e188167 100644
--- a/content/blog-posts/firefox-focus.md
+++ b/content/blog-posts/firefox-focus.md
@@ -1,7 +1,7 @@
---
title: "Firefox Focus, un mini-navigateur qui préserve votre vie privée."
description: "Un navigateur open-source crée par Mozilla."
-banner: /img/articles/firefox-focus/firefox-focus.png
+banner: /img/articles/firefox-focus/firefox-focus.webp
type: article
authorId: kernoeb
category: software
@@ -11,11 +11,11 @@ timestamp: 1500663327
Si vous recherchez un petit navigateur Internet simple, rapide, bloqueur de pubs et de traqueurs, **open-source** et qui préserve votre **vie privée**, je vous conseille cette application disponible sur Android & IOS, développée par Mozilla: **Firefox Focus**.
- ![](/img/articles/firefox-focus/firefox-focus-1.png)
+ ![](/img/articles/firefox-focus/firefox-focus-1.webp)
- ![](/img/articles/firefox-focus/firefox-focus-2.png)
+ ![](/img/articles/firefox-focus/firefox-focus-2.webp)
- ![](/img/articles/firefox-focus/firefox-focus-3.png)
+ ![](/img/articles/firefox-focus/firefox-focus-3.webp)
Après quelques tests, on ne peut pas nier que le navigateur est rapide, que ce soit l'ouverture ou le chargement des pages.
@@ -26,7 +26,7 @@ Si vous recherchez un petit navigateur Internet simple, rapide, bloqueur de pubs
> *Et comme le dit si bien ce commentaire:*
>
-> ![](/img/articles/firefox-focus/firefox-focus-4.png)
+> ![](/img/articles/firefox-focus/firefox-focus-4.webp)
>
>
@@ -46,4 +46,4 @@ Si vous recherchez un petit navigateur Internet simple, rapide, bloqueur de pubs
***Et vous qu'en pensez-vous ?***
-
\ No newline at end of file
+
diff --git a/content/blog-posts/firefox-nightly-addons-change.md b/content/blog-posts/firefox-nightly-addons-change.md
index e7001d8..ff21f0f 100644
--- a/content/blog-posts/firefox-nightly-addons-change.md
+++ b/content/blog-posts/firefox-nightly-addons-change.md
@@ -1,7 +1,7 @@
---
title: "Firefox 57 : Les extensions sont toutes cassées!"
description: "La Fondation Mozilla, qui édite Firefox, a annoncé le changement complet du fonctionnement des addons sur la version 57 de son navigateur. Explications."
-banner: /img/articles/firefox-nightly-addons-change/firefox-nightly-addons-change-1.png
+banner: /img/articles/firefox-nightly-addons-change/firefox-nightly-addons-change-1.webp
type: article
authorId: gildasgh
category: software
diff --git a/content/blog-posts/googlefeed-news.md b/content/blog-posts/googlefeed-news.md
index ee874df..cffb001 100644
--- a/content/blog-posts/googlefeed-news.md
+++ b/content/blog-posts/googlefeed-news.md
@@ -1,7 +1,7 @@
---
title: "Google Feed, une énième application de news"
description: "Google remplace le vieillissant Now et met à la place une application de news très performante."
-banner: /img/articles/googlefeed-news/googlefeed.png
+banner: /img/articles/googlefeed-news/googlefeed.webp
type: flash
authorId: theovld
category: software
@@ -11,14 +11,14 @@ timestamp: 1505410290
Vous connaissez peut-être Google Now, cette "application Google" qui rassemble vos tâches, rendez-vous, trajets, météo et quelques articles. Désormais, elle est remplacée par Google Feed, une toute nouvelle application de news qui cible beaucoup mieux vos centres d'intérêt. Tout est classé par catégories, avec en plus les tendances du moment.
- ![Design Google Feed](/img/articles/googlefeed-news/googlefeed-1.png)![Design Google Feed](/img/articles/googlefeed-news/googlefeed-2.png)
+ ![Design Google Feed](/img/articles/googlefeed-news/googlefeed-1.webp)![Design Google Feed](/img/articles/googlefeed-news/googlefeed-2.webp)
> Design principal de Google Feed
>
> L'algorithme à la base de Google Feed pioche dans vos recherches, votre historique YouTube et d'autres, et propose des articles en relation avec ceux-ci. Il essaie de nous proposer des choses non vues qui éviterait l'effet "bulle" que beaucoup critiquent sur les réseaux sociaux. Il apprendra de lui-même ce qui vous plaît, ce que vous voudriez lire, etc. Mais il y a bien plus de paramètres pour cibler exactement vos centres d'intérêt. On peut ainsi choisir quelle équipe de sport, série télévision, film, musique et bien d'autres à suivre. On peut aussi choisir de voir ou non certaines informations dans notre flux comme la météo, les trajets, etc...
- ![Paramètres de ciblage](/img/articles/googlefeed-news/googlefeed-3.png)![Paramètres de ciblage](/img/articles/googlefeed-news/googlefeed-4.png)
+ ![Paramètres de ciblage](/img/articles/googlefeed-news/googlefeed-3.webp)![Paramètres de ciblage](/img/articles/googlefeed-news/googlefeed-4.webp)
> Tous les paramètres pour cibler au mieux nos centres d'intérêt.
diff --git a/content/blog-posts/instagram-mobile-web.md b/content/blog-posts/instagram-mobile-web.md
index 38ac81e..9dbac20 100644
--- a/content/blog-posts/instagram-mobile-web.md
+++ b/content/blog-posts/instagram-mobile-web.md
@@ -1,7 +1,7 @@
---
title: "Le site mobile d’Instagram mis à jour : Une application ultra-Lite"
description: "Hier, le site internet mobile d’Instagram a été mis à jour. Les utilisateurs peuvent désormais poster des photos sans l’application Instagram du Play Store et utiliser ce site comme application android"
-banner: /img/articles/instagram-mobile-web/instagram-mobile-web.png
+banner: /img/articles/instagram-mobile-web/instagram-mobile-web.webp
type: article
authorId: gildasgh
category: web
diff --git a/content/blog-posts/kde-connect-linux.md b/content/blog-posts/kde-connect-linux.md
index f2e9222..a9a8e11 100644
--- a/content/blog-posts/kde-connect-linux.md
+++ b/content/blog-posts/kde-connect-linux.md
@@ -1,7 +1,7 @@
---
title: "KDE Connect - Connecter son PC Linux à son smartphone Android"
description: "Synchronisez votre appareil Android avec votre PC Linux ! "
-banner: /img/articles/kde-connect-linux/kdeconnect-wallpaller.png
+banner: /img/articles/kde-connect-linux/kdeconnect-wallpaller.webp
type: article
authorId: kernoeb
category: linux
@@ -54,7 +54,7 @@ Dans le cas **contraire**, saisissez une à une ces 3 commandes:
Votre smartphone et votre PC doivent être connectés à la **même box Internet** (Ethernet/Wi-Fi).
- ![](/img/articles/kde-connect-linux/kdeconnect-2.png) ![](/img/articles/kde-connect-linux/kdeconnect-3.png)
+ ![](/img/articles/kde-connect-linux/kdeconnect-2.webp) ![](/img/articles/kde-connect-linux/kdeconnect-3.webp)
Cliquez sur "**Rafraîchir**" si votre smartphone n'est pas trouvé, puis cliquez sur "**Demander un appairement**".
Vous devriez recevoir une notification sur votre smartphone, cliquez sur "**Accepter**". (*sans blague...*)
@@ -63,11 +63,11 @@ Dans le cas **contraire**, saisissez une à une ces 3 commandes:
Depuis l'application, vous pouvez **envoyer des fichiers**, contrôler les **actions multimédia**, et contrôler la **souris** et le **clavier** du PC.
- ![](/img/articles/kde-connect-linux/kdeconnect-4.png) ![](/img/articles/kde-connect-linux/kdeconnect-5.png)
+ ![](/img/articles/kde-connect-linux/kdeconnect-4.webp) ![](/img/articles/kde-connect-linux/kdeconnect-5.webp)
Inversement, vous pouvez envoyer des fichiers depuis votre ordinateur vers le smartphone, directement depuis le gestionnaire de fichiers:
- ![](/img/articles/kde-connect-linux/kdeconnect-6.png)
+ ![](/img/articles/kde-connect-linux/kdeconnect-6.webp)
ou depuis l'icône présent dans votre barre des tâches, qui vous permet aussi d'**envoyer des SMS**, et consulter le niveau actuel de la **batterie** du smartphone.
diff --git a/content/blog-posts/lancement-becauseofprog.md b/content/blog-posts/lancement-becauseofprog.md
index d3abffe..a505606 100644
--- a/content/blog-posts/lancement-becauseofprog.md
+++ b/content/blog-posts/lancement-becauseofprog.md
@@ -1,7 +1,7 @@
---
title: "Lancement de la BecauseOfProg !"
description: "Le grand lancement de la BecauseOfProg ! "
-banner: /img/articles/lancement-becauseofprog/bop-lancement.png
+banner: /img/articles/lancement-becauseofprog/bop-lancement.webp
type: article
authorId: theovld
category: web
diff --git a/content/blog-posts/linux-sur-android.md b/content/blog-posts/linux-sur-android.md
index d5678a2..9cd8a36 100644
--- a/content/blog-posts/linux-sur-android.md
+++ b/content/blog-posts/linux-sur-android.md
@@ -1,7 +1,7 @@
---
title: "Installer Linux sur son appareil Android avec Linux Deploy ! [ROOT]"
description: "Tutoriel simple pour installer Linux sur Android avec une connexion VNC."
-banner: /img/articles/linux-sur-android/linuxsurandroid-min.png
+banner: /img/articles/linux-sur-android/linuxsurandroid-min.webp
type: article
authorId: kernoeb
category: android
@@ -25,12 +25,12 @@ Avant toute chose, sachez que votre appareil Android doit être **rooté** (*pos
#### 2) Configuration
- ![](/img/articles/linux-sur-android/linuxandroid-deploy1.png)
+ ![](/img/articles/linux-sur-android/linuxandroid-deploy1.webp)
Comme indiqué ci-dessus, vérifiez que votre appareil est rooté, que vous êtes connecté à Internet.
Ensuite, cliquez sur le bouton **Paramètres** (*en bas à droite*).
- ![](/img/articles/linux-sur-android/linuxandroid-deploy2.png)
+ ![](/img/articles/linux-sur-android/linuxandroid-deploy2.webp)
Choisissez les options que vous souhaitez (*pour ma part, j'ai choisi **Ubuntu** au lieu de Debian*).
Choisissez le "**Chemin d'installation**".
@@ -39,7 +39,7 @@ Avant toute chose, sachez que votre appareil Android doit être **rooté** (*pos
Descendez ensuite en bas, jusqu'à trouver "**SSH**" et "**GUI**".
- ![](/img/articles/linux-sur-android/linuxandroid-deploy3.png)
+ ![](/img/articles/linux-sur-android/linuxandroid-deploy3.webp)
Activez la connexion SSH si vous le souhaitez.
Activez ensuite le **GUI** (*interface graphique*).
@@ -57,7 +57,7 @@ Avant toute chose, sachez que votre appareil Android doit être **rooté** (*pos
L'application devrait vous demander une vérification ROOT, mais cela dépend de quel système de root vous utilisez.
- ![](/img/articles/linux-sur-android/magisk-min.png)
+ ![](/img/articles/linux-sur-android/magisk-min.webp)
*PS: Si vous avez une erreur, recliquez sur les 3 points en haut à droite, puis "Configurer". Sinon, réessayez depuis le début..*
@@ -72,7 +72,7 @@ Avant toute chose, sachez que votre appareil Android doit être **rooté** (*pos
Et voilà, vous devriez apercevoir quelque chose comme ceci:
- ![](/img/articles/linux-sur-android/linuxandroid-deploy4.png)
+ ![](/img/articles/linux-sur-android/linuxandroid-deploy4.webp)
Vous pouvez modifier l'utilisation du curseur dans les paramètres de l'application VNC (*sur bVNC, cliquez sur les 3 points affichés sur votre droite, puis "Input Mode"*).
diff --git a/content/blog-posts/market-place.md b/content/blog-posts/market-place.md
index 34b8d93..fc10d65 100644
--- a/content/blog-posts/market-place.md
+++ b/content/blog-posts/market-place.md
@@ -1,7 +1,7 @@
---
title: "Le Facebook Market Place"
description: "Après une sortie au Etats-Unis, Market Place débarque en Europe dans quelques jours !"
-banner: /img/articles/market-place/marketplace.png
+banner: /img/articles/market-place/marketplace.webp
type: flash
authorId: stengarlis
category: web
@@ -13,4 +13,4 @@ timestamp: 1503491346
Aux États-Unis le nouveau service de vente de [Facebook](http://facebook.com) a fait “un carton”, avec déjà plus de 18 millions d’annonces. Avec ce service, vous aurez accès aux annonces près de chez vous avec des informations sur le produit et sur le vendeur.
-
\ No newline at end of file
+
diff --git a/content/blog-posts/material-design-web.md b/content/blog-posts/material-design-web.md
index 0d205f9..d2af4b8 100644
--- a/content/blog-posts/material-design-web.md
+++ b/content/blog-posts/material-design-web.md
@@ -11,7 +11,7 @@ timestamp: 1494162497
Le Material Design est un type de design créé par Google et qui a la particularité d'être très moderne et épuré. On le voit de plus en plus dans les applications Android et sur les sites web. Aujourd'hui, nous allons voir comment faire notre propre site avec des frameworks basés sur le Material Design.
- ![](/img/articles/material-design-web/freebie___weather_app_ui_design_by_graphberry-d8m33wj.png)![ups](/img/articles/material-design-web/md-example.jpg)
+ ![](/img/articles/material-design-web/freebie___weather_app_ui_design_by_graphberry-d8m33wj.webp)![ups](/img/articles/material-design-web/md-example.jpg)
*Exemples d'applications en Material Design et principe général*
@@ -19,7 +19,7 @@ Le Material Design est un type de design créé par Google et qui a la particula
Le premier framework nous parvient directement de Google puisque c'est celui de base, c'est un peu la référence dans le Material Design. Il comporte beaucoup d'éléments personnalisables ainsi que des animations faites en JavaScript. Il repose sur un système de grille et de layout qui facilite la conception du site.
- ![](/img/articles/material-design-web/1foCgfXyJv5FjACTnEXpc0A.png)![](https://becauseofprog.fr/assets/articles/mdl2.PNG)
+ ![](/img/articles/material-design-web/1foCgfXyJv5FjACTnEXpc0A.webp)![](/img/articles/material-design-web/md2.webp)
*Exemples de sites construits avec Material Design Lite*
@@ -29,7 +29,7 @@ Le Material Design est un type de design créé par Google et qui a la particula
Après cela, allez sur et commencez à créer votre site ! Choisissez les éléments que vous voulez placer et ajoutez-les à votre guise. Je vous conseille de commencer par "layout" qui va vous permettre de structurer votre en-tête, votre pied de page ainsi que le contenu principal de votre site.
- ![](https://becauseofprog.fr/assets/articles/mdl-doc1.PNG)![](https://becauseofprog.fr/assets/articles/mdl-doc2.PNG)
+ ![](/img/articles/material-design-web/mdl-doc1.webp)![](/img/articles/material-design-web/mdl-doc2.webp)
*Documentation de Material Design Lite*
@@ -39,7 +39,7 @@ Le Material Design est un type de design créé par Google et qui a la particula
Materialize est aussi un framework CSS mais il est moins compliqué à pratiquer que Material Design Lite. Il se base aussi sur un système de grille mais n'a pas de "layout". Cela permet un peu plus de flexibilité. Il faudra par contre intégrer manuellement le JavaScript pour certaines fonctions.
- ![](https://becauseofprog.fr/assets/articles/materialize1.PNG)![](https://becauseofprog.fr/assets/articles/materialize2.PNG)
+ ![](/img/articles/material-design-web/materialize1.webp)![](/img/articles/material-design-web/materialize2.webp)
*Exemples de sites web construits avec Materialize*
@@ -50,7 +50,7 @@ Le Material Design est un type de design créé par Google et qui a la particula
Après cela, vous pouvez commencer à explorer le framework ainsi que ses composants ! Le principal avantage que vous avez, c'est que la documentation est en grande partie en français.
Je vous conseille d'abord de commencer par "Color" afin de comprendre le système des couleurs de Materialize, puis ensuite par "Grid" pour comprendre le système de grille.
- ![](https://becauseofprog.fr/assets/articles/materialize-doc1.PNG)![](https://becauseofprog.fr/assets/articles/materialize-doc2.PNG)
+ ![](/img/articles/material-design-web/materialize-doc1.webp)![](/img/articles/material-design-web/materialize-doc2.webp)
*Captures d'écran de la documentation Materialize*
@@ -60,11 +60,11 @@ Le Material Design est un type de design créé par Google et qui a la particula
Vous avez maintenant votre framework CSS. Ajoutez donc des icônes pour rendre cela plus joyeux ! La stylesheet des icônes est déjà intégrée de base avec le code source que vous avez copié. Rendez-vous donc sur , choisissez l'icône qui vous plaît et copiez le code donné avec. Vous pouvez également ajouter les classes *right* et *left* pour l'alignement, et *tiny*, *small*, *medium* ou *large* pour les tailles.
- ![](https://becauseofprog.fr/assets/articles/mdi.PNG)![](https://becauseofprog.fr/assets/articles/mdi2.PNG)
+ ![](/img/articles/material-design-web/mdi.webp)![](/img/articles/material-design-web/mdi2.webp)
*Interface de Material Design Icons*
- ![](https://becauseofprog.fr/assets/articles/mdi-usage.PNG)
+ ![](/img/articles/material-design-web/mdi-usage.webp)
*Utilisation des icônes sur le menu de la BecauseOfProg*
diff --git a/content/blog-posts/microsoft-onenote.md b/content/blog-posts/microsoft-onenote.md
index e403985..64ae749 100644
--- a/content/blog-posts/microsoft-onenote.md
+++ b/content/blog-posts/microsoft-onenote.md
@@ -19,9 +19,9 @@ Vous connaissez peut-être des applications qui vous permettent de prendre des n
L'interface est simple à prendre en main mais pourtant très riche avec beaucoup de fonctionnalités, mais nous allons y revenir plus tard. L'application a un style Metro/Windows10, c'est-à-dire d'une à deux couleurs maximum et épuré, qui donne un look très moderne sans rentrer dans l'espace-temps du futur. Les boutons sont accessibles rapidement et un menu latéral est disponible pour d'autres fonctionnalités.
- ![](https://becauseofprog.fr/assets/articles/onenote/onenote-2.PNG)
+ ![](/img/articles/microsoft-onenote/onenote-2.webp)
- ![](/img/articles/microsoft-onenote/onenote-4.png)
+ ![](/img/articles/microsoft-onenote/onenote-4.webp)
*Interface de l'application sur PC et smartphone Android*
@@ -38,9 +38,9 @@ Vous connaissez peut-être des applications qui vous permettent de prendre des n
Si vous êtes avec un stylo et un écran tactile, pas de problème ! OneNote fournit des quadrillages et des couleurs de pages pour vos notes papier, mais pas trop...
- ![](https://becauseofprog.fr/assets/articles/onenote/onenote-3.PNG)
+ ![](/img/articles/microsoft-onenote/onenote-3.webp)
- ![](/img/articles/microsoft-onenote/onenote-5.png)
+ ![](/img/articles/microsoft-onenote/onenote-5.webp)
*Ecriture d'une note sur PC et smartphone Android*
diff --git a/content/blog-posts/molotov-television.md b/content/blog-posts/molotov-television.md
index 6a18a82..a68d34a 100644
--- a/content/blog-posts/molotov-television.md
+++ b/content/blog-posts/molotov-television.md
@@ -13,7 +13,7 @@ Molotov est un service de télévision qui permet de regarder la télévision gr
On remarque depuis maintenant plusieurs années que les jeunes sont bien moins intéressés par la télévision sur téléviseur, préfèrent la regarder sur internet ou ne pas la regarder. Pourtant, les chaînes de télévision peinent à lancer des applications pour reconquérir les jeunes, soit remplies de publicités soit mal construites.
-![Molotov sur Android](/img/articles/molotov-television/1_omsDh0svO0H_S2zPC3CI1A.png)
+![Molotov sur Android](/img/articles/molotov-television/1_omsDh0svO0H_S2zPC3CI1A.webp)
Molotov est donc un service qui permet de regarder la télévision en direct et en replay sur certaines chaines gratuitement, sur Windows, Mac, Linux, sur smartphones : Iphone, iPad et Android mais aussi sur des télévisions : AppleTV, Nvidia Shield, Télévisions Samsung, LG et Sony, depuis leurs boutiques d'applications respectives !
diff --git a/content/blog-posts/ne-donnez-plus-votre-mail.md b/content/blog-posts/ne-donnez-plus-votre-mail.md
index c4562d0..6121eb4 100644
--- a/content/blog-posts/ne-donnez-plus-votre-mail.md
+++ b/content/blog-posts/ne-donnez-plus-votre-mail.md
@@ -1,7 +1,7 @@
---
title: "Ne donnez plus votre Mail et votre Numéro de Téléphone!"
description: "Marre de recevoir des spams ? De donner votre numéro de téléphone ?"
-banner: /img/articles/ne-donnez-plus-votre-mail/donnez-plus.png
+banner: /img/articles/ne-donnez-plus-votre-mail/donnez-plus.webp
type: article
authorId: kernoeb
category: security
@@ -30,7 +30,7 @@ timestamp: 1530694885
##### - **GetNada**:
- ![](/img/articles/ne-donnez-plus-votre-mail/Screenshot-2018-7-4%20Nada%20-%20temporary%20email.png)
+ ![](/img/articles/ne-donnez-plus-votre-mail/Screenshot-2018-7-4%20Nada%20-%20temporary%20email.webp)
*Avantages:
- **Rapidité** de création et d'ouverture
- Interface **simple**
@@ -41,7 +41,7 @@ timestamp: 1530694885
##### - **Anonbox**:
- ![](/img/articles/ne-donnez-plus-votre-mail/Screenshot-2018-7-4%20anonbox%20Chaos%20Computer%20Club.png)
+ ![](/img/articles/ne-donnez-plus-votre-mail/Screenshot-2018-7-4%20anonbox%20Chaos%20Computer%20Club.webp)
*Avantages:
- Disponible avec le proxy **Tor**
- Très **rapide**
@@ -50,7 +50,7 @@ timestamp: 1530694885
##### - **Temp-Mail**:
- ![](/img/articles/ne-donnez-plus-votre-mail/Screenshot-2018-7-4%20Email%20temporaire%20%E2%80%93%20Email%20%C3%A0%20usage%20unique%20-%20Email%20anonyme.png)
+ ![](/img/articles/ne-donnez-plus-votre-mail/Screenshot-2018-7-4%20Email%20temporaire%20%E2%80%93%20Email%20%C3%A0%20usage%20unique%20-%20Email%20anonyme.webp)
@@ -61,7 +61,7 @@ timestamp: 1530694885
Ces sites paraissent "**faux**", mais fonctionnent *(sinon je n'en parlerais pas lol).*
Liste de **services** fonctionnels:
-
- [![](/img/articles/ne-donnez-plus-votre-mail/Screenshot-2018-7-4%20Receive%20SMS%20Online%20for%20FREE%20NO%20Registration%20UK,Romania,USA,Spain,France,Germany,Russia.png)](https://www.receive-sms-online.info/)
+ [![](/img/articles/ne-donnez-plus-votre-mail/Screenshot-2018-7-4%20Receive%20SMS%20Online%20for%20FREE%20NO%20Registration%20UK,Romania,USA,Spain,France,Germany,Russia.webp)](https://www.receive-sms-online.info/)
-
-
- et bien d'autres...
diff --git a/content/blog-posts/open-source-android.md b/content/blog-posts/open-source-android.md
index 91ca577..c9578b2 100644
--- a/content/blog-posts/open-source-android.md
+++ b/content/blog-posts/open-source-android.md
@@ -1,7 +1,7 @@
---
title: "Passer totalement à l'open source sur son smartphone Android, c'est possible ?"
description: "Utiliser un smartphone 100% open-source ?"
-banner: /img/articles/open-source-android/androidopensource.png
+banner: /img/articles/open-source-android/androidopensource.webp
type: article
authorId: kernoeb
category: android
@@ -32,7 +32,7 @@ Des options non disponibles sur l'Android de base. En plus, comme je disais, les
sur les dernières versions disponibles, mais elles sont aussi **fréquentes**, et non obligatoires. C'est à **vous** de
choisir si **vous **voulez mettre à jour votre appareil (*pas comme certaines firmes connues qui les obligent*).
-![LineageOS](/img/articles/open-source-android/14.png)
+![LineageOS](/img/articles/open-source-android/14.webp)
Dans cet article, je ne vous parlerais pas trop de l'OS, je me concentrerais davantage sur les applications.
Mais, un article sur **LineageOS** est prévu dans le futur, de quoi intéresser nombreux de nos lecteurs, qui utilisent
@@ -58,7 +58,7 @@ Son poids très léger.
Moins de 2Mo l'apk.
Son interface simple, sobre.
-![](/img/articles/open-source-android/7.png)![](/img/articles/open-source-android/8.png)
+![](/img/articles/open-source-android/7.webp)![](/img/articles/open-source-android/8.webp)
*(Images tirées du Google Play Store)*
@@ -77,7 +77,7 @@ YouTube ne possède pas !
>
>
-![](/img/articles/open-source-android/6.png)
+![](/img/articles/open-source-android/6.webp)
*Thème sombre de l'application.*
@@ -109,7 +109,7 @@ Si vous avez un serveur XMPP (***Extensible Messaging and Presence Protocol*** (
extensible de présence et de messagerie »), essayez "**Conversations**". Pourtant payant sur le Play Store, il est
gratuit sur F-Droid. Il propose un abonnement (8 euros/an, dont 6 mois gratuits) si vous n'avez pas de serveur XMPP.
-![](/img/articles/open-source-android/4-1.png) ![](/img/articles/open-source-android/5.png)
+![](/img/articles/open-source-android/4-1.webp) ![](/img/articles/open-source-android/5.webp)
D'autres alternatives existent: pour plus d'info.
@@ -125,9 +125,9 @@ Des options assez sympathiques, comme l'envoi de GIF, messages éphémères, des
J'aimerais l'utiliser plus souvent, mais malheureusement, elle est peu connue, donc je n'ai pas beaucoup d'amis (*déjà
de base, je n'ai pas d'amis*) qui l'utilisent.
-![](/img/articles/open-source-android/13.png)
+![](/img/articles/open-source-android/13.webp)
-![](/img/articles/open-source-android/12.png)
+![](/img/articles/open-source-android/12.webp)
Plus de renseignements sur .
@@ -142,7 +142,7 @@ Très complète, très belle, très simple.
Disponible sur le Play Store:
et sur le dépôt *IzzyOnDroid* sur F-Droid (*voir le dépôt plus haut*).
-![](/img/articles/open-source-android/9.png) ![](/img/articles/open-source-android/11.png) ![](/img/articles/open-source-android/10.png)
+![](/img/articles/open-source-android/9.webp) ![](/img/articles/open-source-android/11.webp) ![](/img/articles/open-source-android/10.webp)
#### **Lecteur vidéo / Video player**:
@@ -168,7 +168,7 @@ K9-Material:
ou
ou
-![](/img/articles/open-source-android/1.png)
+![](/img/articles/open-source-android/1.webp)
#### **ES Explorateur de Fichiers / File Explorer**:
@@ -178,7 +178,7 @@ et **efficace**. Efficace et pas cher (*gratuit*), c'est **Amaze** que j'préfè
Play Store:
F-Droid:
-![](/img/articles/open-source-android/2.png) ![](/img/articles/open-source-android/3.png) ![](/img/articles/open-source-android/4.png)
+![](/img/articles/open-source-android/2.webp) ![](/img/articles/open-source-android/3.webp) ![](/img/articles/open-source-android/4.webp)
#### **Google Maps:**
diff --git a/content/blog-posts/plex-presentation.md b/content/blog-posts/plex-presentation.md
index 3f2cb37..8001c46 100644
--- a/content/blog-posts/plex-presentation.md
+++ b/content/blog-posts/plex-presentation.md
@@ -1,7 +1,7 @@
---
title: "Plex: Visionnez vos films, facilement!"
description: "Plex, une belle alternative à Netflix."
-banner: /img/articles/plex-presentation/plex-presentation-article-1.png
+banner: /img/articles/plex-presentation/plex-presentation-article-1.webp
type: article
authorId: davall
category: software
@@ -27,8 +27,6 @@ C'est les vacances et c'est le moment ou l'on regarde le plus de films et série
> [![](/img/articles/plex-presentation/hqdefault.jpg?sqp=-oaymwEXCPYBEIoBSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLCg2fJDR0ZGTM8pWyJcTX9Nl0k2wQ)](https://www.youtube.com/watch?v=u9w_VPuyA-8)
>
> Sachez aussi que l'interface de Plex est moderne et facile à prendre en main.
- Voici une image pour vous le prouver!
- ![](/img/articles/plex-presentation/1493704026-capture-d-ecran-2017-05-02-a-07-43-03.png)
Si vous souhaitez vous procurer Plex, voici les différents liens:
@@ -53,4 +51,4 @@ C'est les vacances et c'est le moment ou l'on regarde le plus de films et série
**Application Windows Store de Plex:** [https://www.microsoft.com/fr-fr/store/apps/plex/9wzdncrfj3q8](https://www.microsoft.com/fr-fr/store/apps/plex/9wzdncrfj3q8)
-
\ No newline at end of file
+
diff --git a/content/blog-posts/proteger-site-formulaires.md b/content/blog-posts/proteger-site-formulaires.md
index 0095146..b4d3e07 100644
--- a/content/blog-posts/proteger-site-formulaires.md
+++ b/content/blog-posts/proteger-site-formulaires.md
@@ -1,7 +1,7 @@
---
title: "Protéger son site des attaques par formulaires"
description: "Protéger son site des attaques de base : failles de sécurité dans ses formulaires HTML qui redirigent vers du traitement PHP."
-banner: /img/articles/proteger-site-formulaires/https.png
+banner: /img/articles/proteger-site-formulaires/https.webp
type: tutorial
authorId: theovld
category: programming
diff --git a/content/blog-posts/proton-vpn.md b/content/blog-posts/proton-vpn.md
index 94e5024..75065ae 100644
--- a/content/blog-posts/proton-vpn.md
+++ b/content/blog-posts/proton-vpn.md
@@ -2,7 +2,7 @@
title: "Présentation de ProtonVPN"
description: "L'entreprise ProtonMail lance aujourd'hui son service de VPN, ProtonVPN.
"
-banner: /img/articles/proton-vpn/protonvpn.png
+banner: /img/articles/proton-vpn/protonvpn.webp
type: article
authorId: stengarlis
category: web
@@ -10,7 +10,7 @@ labels: ["Web", "Sécurité"]
timestamp: 1497970798
---
-![](/img/articles/proton-vpn/protonvpn-1.png)
+![](/img/articles/proton-vpn/protonvpn-1.webp)
Si vous voulez protéger votre IP sur internet, vous utilisez peut-être déjà un VPN.
@@ -18,7 +18,7 @@ Si vous voulez protéger votre IP sur internet, vous utilisez peut-être déjà
ProtonVPN propose aujourd'hui 4 offres, 3 payantes avec plus d'options et 1 gratuite, visible ci-dessous :
-![](/img/articles/proton-vpn/protonvpn-2.png)
+![](/img/articles/proton-vpn/protonvpn-2.webp)
Sur l’offre “free”, on peut prendre un IP dans seulement 3 pays, et la connexion ne sera pas forcément très très rapide. Sur l’offre “basic”, on peut avoir un IP dans l’ensemble des pays et la connexion sera déjà plus puissante que l’offre “free”. Sur l’offre “plus”, l’offre recommandée par ProtonVPN, on peut retrouver comme sur l’offre “basic” un IP dans l’ensemble des pays, et une connexion beaucoup plus puissante que l’offre “basic” et pour finir l’offre la plus chère, l’offre “visionary” qui est à 30 euros par mois, nous propose plus de serveurs comme l’offre “plus”, elle nous propose aussi un avantage sur ProtonMail.
diff --git a/content/blog-posts/qt-5-8.md b/content/blog-posts/qt-5-8.md
index f2fc1fd..9e957e8 100644
--- a/content/blog-posts/qt-5-8.md
+++ b/content/blog-posts/qt-5-8.md
@@ -12,7 +12,7 @@ timestamp: 1490444790
**Qt 5.8 est désormais disponible en version définitive, et les nouveautés aussi.**
Les développeurs de Qt ont surtout mis un accent important sur le développement cross platform afin que leur framework se développe partout.
- ![product_QtLite_Warp7.png](https://lh4.googleusercontent.com/lQtLra-IhLYSiuCKsCzYZVCvwLGVnKi2Z1hu3BR5Kddc1tFqgfoWOxW3tX64_xq7OwZRo3zz7dBsXmETzjGNlqRiFV9YqC1vqLHdyHei4SHl15cxDm6YHqJKIcuWfWi2KeRvHRNN)
+ ![product_QtLite_Warp7.webp](https://lh4.googleusercontent.com/lQtLra-IhLYSiuCKsCzYZVCvwLGVnKi2Z1hu3BR5Kddc1tFqgfoWOxW3tX64_xq7OwZRo3zz7dBsXmETzjGNlqRiFV9YqC1vqLHdyHei4SHl15cxDm6YHqJKIcuWfWi2KeRvHRNN)
*Capture d’écran d’une montre connectée fonctionnant sous Qt*
@@ -38,7 +38,7 @@ timestamp: 1490444790
Le moteur 3D est aussi affecté, avec de nouveaux *enablers* (groupes d’outils) qui permettent un rendu moderne avec les APIs. Par ailleurs, **Qt Quick** n’est plus relié à OpenGL, ce qui fait que dorénavant, il sera plus simple de changer d’API 3D, entre DirectX, Vulkan ou d'autres.
Autre changement, le module **Qt Charts** intègre les graphiques en chandelier (figure ci-dessous), notamment pour la finance.
- ![examples_candlestickchart.png](https://lh3.googleusercontent.com/8GXv3S1mzdyUfYGWmSlur3B9WHf0ChV3N7Fwcsw2LMkGpYmXcBLGhPLvoiw-DAzEO3EAe2QTy8IL86xGEQen6hM_ldSM0gOvRsZVKAoHnpN8ja8qmazoTKdcqSrGe1bUUzSzCcAR)
+ ![examples_candlestickchart.webp](https://lh3.googleusercontent.com/8GXv3S1mzdyUfYGWmSlur3B9WHf0ChV3N7Fwcsw2LMkGpYmXcBLGhPLvoiw-DAzEO3EAe2QTy8IL86xGEQen6hM_ldSM0gOvRsZVKAoHnpN8ja8qmazoTKdcqSrGe1bUUzSzCcAR)
*Graphique en chandeliers par Qt Charts*
diff --git a/content/blog-posts/rachat-yahoo.md b/content/blog-posts/rachat-yahoo.md
index 9641401..8b96064 100644
--- a/content/blog-posts/rachat-yahoo.md
+++ b/content/blog-posts/rachat-yahoo.md
@@ -1,7 +1,7 @@
---
title: "Le rachat de Yahoo"
description: "La finalisation du rachat de Yahoo par le géant américain de la télécommunication Verizon a été finalisé mardi dernier."
-banner: /img/articles/rachat-yahoo/yahoo.png
+banner: /img/articles/rachat-yahoo/yahoo.webp
type: flash
authorId: stengarlis
category: web
@@ -17,10 +17,10 @@ La finalisation du rachat de Yahoo par le géant américain de la télécommunic
- ![Verizon](/img/articles/rachat-yahoo/rachat-yahoo-verizon.png)Suite au rachat, Verizon va fusionner Yahoo! et le portail AOL pour donner naissance à Oath. C'est aussi la fin du pionnier d'internet Yahoo créé en 1994 par David Filo & Jerry Yang puis racheter en 2009 par Microsoft.
+ ![Verizon](/img/articles/rachat-yahoo/rachat-yahoo-verizon.webp)Suite au rachat, Verizon va fusionner Yahoo! et le portail AOL pour donner naissance à Oath. C'est aussi la fin du pionnier d'internet Yahoo créé en 1994 par David Filo & Jerry Yang puis racheter en 2009 par Microsoft.
L'entreprise n'a été vendue qu'à 4,5 milliards de dollars au lieu de 4,8 milliards à la suite de la cyber attaque massive de 2013-2014, où plus d'un miliards de compte ont été piraté.
-
\ No newline at end of file
+
diff --git a/content/blog-posts/rambox-vos-services-dans-1-app.md b/content/blog-posts/rambox-vos-services-dans-1-app.md
index 72d0ac3..769f0f2 100644
--- a/content/blog-posts/rambox-vos-services-dans-1-app.md
+++ b/content/blog-posts/rambox-vos-services-dans-1-app.md
@@ -1,7 +1,7 @@
---
title: "Rassemblez vos services dans une seule application : Rambox"
description: "Pas facile de s'y retrouver entre Discord, Messenger, Matrix (Riot.im) ou encore ProtonMail et GMail! Voici une application Linux qui rassemble plus de 80 services!"
-banner: /img/articles/rambox-vos-services-dans-1-app/rambox-vos-services-dans-1-app-1.png
+banner: /img/articles/rambox-vos-services-dans-1-app/rambox-vos-services-dans-1-app-1.webp
type: article
authorId: gildasgh
category: software
@@ -12,14 +12,14 @@ timestamp: 1503497906
Utilisateurs de Linux, vous connaissiez peut-être l'application Franz, qui rassemblait en une seule application une trentaine de services disponibles sur le web. Cette application très pratique nous évitais d'ouvrir 15 onglets en permanance sur notre navigateur, mais ne proposait qu'une trentaine de services et grignotait beaucoup les performances de notre machine.
- ![Logo de Rambox](/img/articles/rambox-vos-services-dans-1-app/rambox-vos-services-dans-1-app-2.png)
+ ![Logo de Rambox](/img/articles/rambox-vos-services-dans-1-app/rambox-vos-services-dans-1-app-2.webp)
Nous avons découvert une autre application qui fait la même chose, mais qui propose 89 logiciels, tous disponibles en forme de web-app par leurs développeurs. Rambox est une application open-source disponible sur GNU/Linux, Windows et MacOS qui propose de se connecter à vos services préférés et de pouvoir y accéder par des onglets, comme sur un navigateur. La différence ? Votre navigateur principal (Firefox, Chrome) n'est pas inondé d'onglets de réseaux sociaux ou d'emails !
Entre des applications fréquemment utilisées comme Twitter, GMail ou FB Messenger, il propose aussi ProtonMail et plusieurs logiciels décentralisés : on choisit sur quel serveur Rambox doit se connecter : Mastodon, Matrix (avec Riot.im) ou Roundcube !
- ![Screenshot de Rambox : Interface](/img/articles/rambox-vos-services-dans-1-app/rambox-vos-services-dans-1-app-1.png)
+ ![Screenshot de Rambox : Interface](/img/articles/rambox-vos-services-dans-1-app/rambox-vos-services-dans-1-app-1.webp)
*Rambox : Interface principale (sur ElementaryOS)*
Liste des applications compatibles et téléchargements :
diff --git a/content/blog-posts/ripper-un-CD-audio.md b/content/blog-posts/ripper-un-CD-audio.md
index d60f7a6..0d5e3d9 100644
--- a/content/blog-posts/ripper-un-CD-audio.md
+++ b/content/blog-posts/ripper-un-CD-audio.md
@@ -1,7 +1,7 @@
---
title: "Extraire le contenu d'un CD Audio sous Linux!"
description: "Qui se sert de CD en 2018 ? ;)"
-banner: /img/articles/ripper-un-CD-audio/cdaudio.png
+banner: /img/articles/ripper-un-CD-audio/cdaudio.webp
type: article
authorId: kernoeb
category: linux
@@ -32,7 +32,7 @@ Petit article très court pour vous montrer comment extraire (ripper) le contenu
Ici je teste un **CD** de Jean-Michel Jarre (*si si, vous connaissez forcément "Oxygène (Part IV)"*)
- ![](/img/articles/ripper-un-CD-audio/asunder1.png)
+ ![](/img/articles/ripper-un-CD-audio/asunder1.webp)
Dans **"Préférences"**, **"Encodeur"** cochez le **format** que vous souhaitez (*je vous conseille le .flac, un codec libre de compression audio sans perte de qualité*).
diff --git a/content/blog-posts/samsung-galaxy-note-8.md b/content/blog-posts/samsung-galaxy-note-8.md
index ceaa503..5f99363 100644
--- a/content/blog-posts/samsung-galaxy-note-8.md
+++ b/content/blog-posts/samsung-galaxy-note-8.md
@@ -49,7 +49,7 @@ Vous avez peut-être entendu parler de lui ces derniers jours : Le Samsung Galax
Le téléphone est équipé d’Android 7.1.1 Nougat avec une interface Samsung Experience, mais prévoit une mise à jour vers Android 8.0 Oreo (qui s’apprête à sortir) : vous pouvez dès à présent voir quelles sont les nouveautés de cet OS.
- ![Android Oreo](/img/articles/samsung-galaxy-note-8/android-o-oreo.png)
+ ![Android Oreo](/img/articles/samsung-galaxy-note-8/android-o-oreo.webp)
> Android Oreo
diff --git a/content/blog-posts/selecteurs-css-essentiels.md b/content/blog-posts/selecteurs-css-essentiels.md
index 0142efc..6ea7ec7 100644
--- a/content/blog-posts/selecteurs-css-essentiels.md
+++ b/content/blog-posts/selecteurs-css-essentiels.md
@@ -1,7 +1,7 @@
---
title: "Les sélecteurs CSS essentiels"
description: "Le CSS marche sur un système de sélection des éléments : voici les principaux sélecteurs qui peuvent vous aider dans des situations difficiles."
-banner: https://becauseofprog.fr/assets/courses/css/selectors.PNG
+banner: /img/articles/selecteurs-css-essentiels/banner.webp
type: tutorial
authorId: theovld
category: web
diff --git a/content/blog-posts/sfr-change-de-nom-altice.md b/content/blog-posts/sfr-change-de-nom-altice.md
index f61f32a..8b4ca0e 100644
--- a/content/blog-posts/sfr-change-de-nom-altice.md
+++ b/content/blog-posts/sfr-change-de-nom-altice.md
@@ -1,7 +1,7 @@
---
title: "SFR change de nom : Altice."
description: "La marque SFR prend le nom de sa maison-mère, Altice."
-banner: /img/articles/sfr-change-de-nom-altice/sfr.png
+banner: /img/articles/sfr-change-de-nom-altice/sfr.webp
type: article
authorId: kernoeb
category: web
@@ -19,7 +19,7 @@ timestamp: 1495537045
**Altice** est un groupe multinational regroupant des câblo-opérateurs, des opérateurs de télécommunications et des entreprises de communications, créée par Patrick Drahi en 2001.
En avril 2014, ***Altice*** rachète **SFR**, mais SFR garde son nom.
- ![Logo d'Altice actuel](/img/articles/sfr-change-de-nom-altice/sfr-change-de-nom-2.png)
+ ![Logo d'Altice actuel](/img/articles/sfr-change-de-nom-altice/sfr-change-de-nom-2.webp)
> Le logo d'Altice actuel
diff --git a/content/blog-posts/snapdrop-alternative-airdrop.md b/content/blog-posts/snapdrop-alternative-airdrop.md
index 37478b3..d2a5ae4 100644
--- a/content/blog-posts/snapdrop-alternative-airdrop.md
+++ b/content/blog-posts/snapdrop-alternative-airdrop.md
@@ -1,7 +1,7 @@
---
title: "Snapdrop : L'alternative à Airdrop sur Android et PC"
description: "Vous la cherchiez sûrement : voici l'alternative à Airdrop disponible sur tous les supports : iOS, MacOS, Android, Windows et Linux"
-banner: /img/articles/snapdrop-alternative-airdrop/snapdrop-2.png
+banner: /img/articles/snapdrop-alternative-airdrop/snapdrop-2.webp
type: article
authorId: gildasgh
category: web
@@ -22,4 +22,4 @@ Airdrop est un célèbre service d'Apple qui permet de transférer des fichiers
* Snapdrop est disponible à l'adresse
* Le code source est disponible sur [GitHub](https://github.com/RobinLinus/snapdrop)
* Respect de vos données privées : le développeur indique sur GitHub qu'aucun de vos fichiers n'est jamais stocké sur aucun serveur, et que Snapdrop n'utilise pas de base de données.
-
\ No newline at end of file
+
diff --git a/content/blog-posts/transformer-chaine-youtube-podcast.md b/content/blog-posts/transformer-chaine-youtube-podcast.md
index 35c4bb8..a033b89 100644
--- a/content/blog-posts/transformer-chaine-youtube-podcast.md
+++ b/content/blog-posts/transformer-chaine-youtube-podcast.md
@@ -1,7 +1,7 @@
---
title: "Transformez une chaine YouTube en podcast"
description: "Je vous présente comment transformer simplement une chaine YouTube en podcast audio ou vidéo dans ce nouveau billet."
-banner: /img/articles/transformer-chaine-youtube-podcast/rssfg-youtube-350-1.png
+banner: /img/articles/transformer-chaine-youtube-podcast/rssfg-youtube-350-1.webp
type: article
authorId: gildasgh
category: software
diff --git a/content/blog-posts/trouver-gros-fichiers.md b/content/blog-posts/trouver-gros-fichiers.md
index 0d7a55e..52af5ad 100644
--- a/content/blog-posts/trouver-gros-fichiers.md
+++ b/content/blog-posts/trouver-gros-fichiers.md
@@ -1,7 +1,7 @@
---
title: "Trouver rapidement ce qui prend de la place sur votre ordinateur ! [Windows/Linux]"
description: "Trier ses fichiers volumineux efficacement!"
-banner: /img/articles/trouver-gros-fichiers/trierfichiers.png
+banner: /img/articles/trouver-gros-fichiers/trierfichiers.webp
type: article
authorId: kernoeb
category: software
@@ -27,7 +27,7 @@ Trier les fichiers sur son ordinateur est parfois complexe.
Son atout principal ?
Une arborescence visuelle colorée vous permet de repérer en un coup d'œil les fichiers volumineux et les grandes collections de fichiers plus petits (*ce que WinDirStat faisait tout aussi bien*).
- ![](/img/articles/trouver-gros-fichiers/wiztree1.png)
+ ![](/img/articles/trouver-gros-fichiers/wiztree1.webp)
Cliquez juste sur "**Analyser**", patientez quelques secondes et le tour est joué !
Triez par Taille/Date/Nombre d'éléments en fonction de ce que vous souhaitez faire...
@@ -45,7 +45,7 @@ Trier les fichiers sur son ordinateur est parfois complexe.
La meilleure alternative pour Linux est Baobab !
- ![](/img/articles/trouver-gros-fichiers/baobab_xenial.png)
+ ![](/img/articles/trouver-gros-fichiers/baobab_xenial.webp)
Source de l'image : [ubuntu-fr.org](http://ubuntu-fr.org/)
diff --git a/content/blog-posts/ubuntu-windows10.md b/content/blog-posts/ubuntu-windows10.md
index ef86104..949f041 100644
--- a/content/blog-posts/ubuntu-windows10.md
+++ b/content/blog-posts/ubuntu-windows10.md
@@ -27,29 +27,29 @@ Cliquez ensuite sur "**Système**", puis **"Informations système"** (en bas à
Dans la partie de droite, vous devez avoir une version supérieure (ou égale) à **14393**.
Pour ma part, je suis à *14393.593*. Vous devez disposer d'un ordinateur **64bit** !
-![](/img/articles/ubuntu-windows10/373431821.png)
+![](/img/articles/ubuntu-windows10/373431821.webp)
Ensuite, retournez dans les Paramètres, puis accédez à **"Mise à jour et sécurité"**.
Cliquez ensuite sur **"Pour les développeurs"** (à gauche), ensuite cochez **"Mode développeur"**.
-![](/img/articles/ubuntu-windows10/7QzKNdN.png)
+![](/img/articles/ubuntu-windows10/7QzKNdN.webp)
Voilà, ça, c'est fait. Ne vous inquiétez pas, c'est bientôt terminé ;)
Ouvrez le menu Démarrer et cherchez **"Activer ou désactiver des fonctionnalités Windows"**.
Cliquez dessus :
-![](/img/articles/ubuntu-windows10/SaNC5YQ.png)
+![](/img/articles/ubuntu-windows10/SaNC5YQ.webp)
Une fenêtre comme celle-ci apparaît :
-![](/img/articles/ubuntu-windows10/N2cvrOK.png)
+![](/img/articles/ubuntu-windows10/N2cvrOK.webp)
Descendez un peu et cochez "**Sous-système Windows pour Linux"**, puis "**OK"**.
Si votre ordinateur ne le fait pas automatiquement, **redémarrez** votre ordinateur (l'étape la plus ennuyante, je l'avoue).
Voilà. Maintenant, ouvrez le menu Démarrer et cherchez **"Bash"**.
-![](/img/articles/ubuntu-windows10/TZaqBLN.png)
+![](/img/articles/ubuntu-windows10/TZaqBLN.webp)
-![](/img/articles/ubuntu-windows10/jALsHrC.png)
+![](/img/articles/ubuntu-windows10/jALsHrC.webp)
Puis faites ce qui est demandé, soit Tapez « **o** » dans la console (tapez pas trop fort, elle est fragile).
@@ -57,7 +57,7 @@ Patientez... (cela peut durer plusieurs minutes, ne vous inquiétez pas).
Lorsque l'installation est terminée, (re)cherchez **Bash** sur le menu démarrer, et, incroyable, vous devriez apercevoir cela:
-![](/img/articles/ubuntu-windows10/gKhrlVs.png)
+![](/img/articles/ubuntu-windows10/gKhrlVs.webp)
Et voilà !
diff --git a/content/blog-posts/vivaldi-browser.md b/content/blog-posts/vivaldi-browser.md
index ce5ea57..4345db6 100644
--- a/content/blog-posts/vivaldi-browser.md
+++ b/content/blog-posts/vivaldi-browser.md
@@ -1,7 +1,7 @@
---
title: "Vivaldi, le meilleur navigateur Internet ?"
description: "Vivaldi, navigateur basé sur Opera & Chromium, beau, simple et rapide :)"
-banner: /img/articles/vivaldi-browser/vivaldi.png
+banner: /img/articles/vivaldi-browser/vivaldi.webp
type: article
authorId: kernoeb
category: software
@@ -13,7 +13,7 @@ Des **navigateurs** Internet, il en existe une multitude.
Dans mon article sur **[Brave](https://becauseofprog.fr/blog/brave-open-source-27) *(voir l'article)***, je vous parlais de la communauté **Mastodon** qui m'avait conseillé ce navigateur.
Je vous avais promis de parler d'un autre navigateur *(plus connu)* qui m'a été présenté *(je le connaissais déjà avant, à l'époque où celui-ci buggait pas mal)*...
-### **VIVALDI** ![](/img/articles/vivaldi-browser/logo.png)
+### **VIVALDI** ![](/img/articles/vivaldi-browser/logo.webp)
Mais **Vivaldi**, c'est quoi ?
@@ -72,11 +72,11 @@ Des **navigateurs** Internet, il en existe une multitude.
![](/img/articles/vivaldi-browser/6.jpg)
- ![](/img/articles/vivaldi-browser/1.png)
+ ![](/img/articles/vivaldi-browser/1.webp)
*(ApproachingNirvana <3)*
- ![](/img/articles/vivaldi-browser/2.png)
+ ![](/img/articles/vivaldi-browser/2.webp)
*Personnalisation incroyable / nombre de thèmes infinis !*
diff --git a/static/img/articles/5-astuces-windows/5-astuces.png b/static/img/articles/5-astuces-windows/5-astuces.png
deleted file mode 100644
index 87ea22c..0000000
Binary files a/static/img/articles/5-astuces-windows/5-astuces.png and /dev/null differ
diff --git a/static/img/articles/5-astuces-windows/5-astuces.webp b/static/img/articles/5-astuces-windows/5-astuces.webp
new file mode 100644
index 0000000..b53770b
Binary files /dev/null and b/static/img/articles/5-astuces-windows/5-astuces.webp differ
diff --git a/static/img/articles/5-astuces-windows/pGUT0m1.png b/static/img/articles/5-astuces-windows/pGUT0m1.png
deleted file mode 100644
index e69de29..0000000
diff --git a/static/img/articles/5-astuces-windows/pGUT0m1.webp b/static/img/articles/5-astuces-windows/pGUT0m1.webp
new file mode 100644
index 0000000..391f39b
Binary files /dev/null and b/static/img/articles/5-astuces-windows/pGUT0m1.webp differ
diff --git a/static/img/articles/activer-serveur-ssh-gitea-gogs/gitea-gogs-ssh.png b/static/img/articles/activer-serveur-ssh-gitea-gogs/gitea-gogs-ssh.png
deleted file mode 100644
index 7f2f488..0000000
Binary files a/static/img/articles/activer-serveur-ssh-gitea-gogs/gitea-gogs-ssh.png and /dev/null differ
diff --git a/static/img/articles/activer-serveur-ssh-gitea-gogs/gitea-gogs-ssh.webp b/static/img/articles/activer-serveur-ssh-gitea-gogs/gitea-gogs-ssh.webp
new file mode 100644
index 0000000..3db85ec
Binary files /dev/null and b/static/img/articles/activer-serveur-ssh-gitea-gogs/gitea-gogs-ssh.webp differ
diff --git a/static/img/articles/addons-pratiques-firefox/addons-firefox.png b/static/img/articles/addons-pratiques-firefox/addons-firefox.png
deleted file mode 100644
index 0d78792..0000000
Binary files a/static/img/articles/addons-pratiques-firefox/addons-firefox.png and /dev/null differ
diff --git a/static/img/articles/addons-pratiques-firefox/addons-firefox.webp b/static/img/articles/addons-pratiques-firefox/addons-firefox.webp
new file mode 100644
index 0000000..b9c5556
Binary files /dev/null and b/static/img/articles/addons-pratiques-firefox/addons-firefox.webp differ
diff --git a/static/img/articles/adobe-flash-brave-linux/adobe-flash-1.png b/static/img/articles/adobe-flash-brave-linux/adobe-flash-1.png
deleted file mode 100644
index b635eb5..0000000
Binary files a/static/img/articles/adobe-flash-brave-linux/adobe-flash-1.png and /dev/null differ
diff --git a/static/img/articles/adobe-flash-brave-linux/adobe-flash-1.webp b/static/img/articles/adobe-flash-brave-linux/adobe-flash-1.webp
new file mode 100644
index 0000000..f327e55
Binary files /dev/null and b/static/img/articles/adobe-flash-brave-linux/adobe-flash-1.webp differ
diff --git a/static/img/articles/adobe-flash-brave-linux/adobe-flash-2.png b/static/img/articles/adobe-flash-brave-linux/adobe-flash-2.png
deleted file mode 100644
index 69f4b67..0000000
Binary files a/static/img/articles/adobe-flash-brave-linux/adobe-flash-2.png and /dev/null differ
diff --git a/static/img/articles/adobe-flash-brave-linux/adobe-flash-2.webp b/static/img/articles/adobe-flash-brave-linux/adobe-flash-2.webp
new file mode 100644
index 0000000..3718520
Binary files /dev/null and b/static/img/articles/adobe-flash-brave-linux/adobe-flash-2.webp differ
diff --git a/static/img/articles/adobe-flash-brave-linux/flashplayer-install.png b/static/img/articles/adobe-flash-brave-linux/flashplayer-install.png
deleted file mode 100644
index 6733015..0000000
Binary files a/static/img/articles/adobe-flash-brave-linux/flashplayer-install.png and /dev/null differ
diff --git a/static/img/articles/adobe-flash-brave-linux/flashplayer-install.webp b/static/img/articles/adobe-flash-brave-linux/flashplayer-install.webp
new file mode 100644
index 0000000..77909b5
Binary files /dev/null and b/static/img/articles/adobe-flash-brave-linux/flashplayer-install.webp differ
diff --git a/static/img/articles/android-o-le-nom-ce-soir/android-o-ce-soir.png b/static/img/articles/android-o-le-nom-ce-soir/android-o-ce-soir.png
deleted file mode 100644
index a70e59d..0000000
Binary files a/static/img/articles/android-o-le-nom-ce-soir/android-o-ce-soir.png and /dev/null differ
diff --git a/static/img/articles/android-o-le-nom-ce-soir/android-o-ce-soir.webp b/static/img/articles/android-o-le-nom-ce-soir/android-o-ce-soir.webp
new file mode 100644
index 0000000..2b0e3ec
Binary files /dev/null and b/static/img/articles/android-o-le-nom-ce-soir/android-o-ce-soir.webp differ
diff --git a/static/img/articles/android-open-source-juillet/applis-open-source-juillet-2018.png b/static/img/articles/android-open-source-juillet/applis-open-source-juillet-2018.png
deleted file mode 100644
index d0b907f..0000000
Binary files a/static/img/articles/android-open-source-juillet/applis-open-source-juillet-2018.png and /dev/null differ
diff --git a/static/img/articles/android-open-source-juillet/applis-open-source-juillet-2018.webp b/static/img/articles/android-open-source-juillet/applis-open-source-juillet-2018.webp
new file mode 100644
index 0000000..9784bb6
Binary files /dev/null and b/static/img/articles/android-open-source-juillet/applis-open-source-juillet-2018.webp differ
diff --git a/static/img/articles/android-oreo/android-o-oreo.png b/static/img/articles/android-oreo/android-o-oreo.png
deleted file mode 100644
index 3ba7991..0000000
Binary files a/static/img/articles/android-oreo/android-o-oreo.png and /dev/null differ
diff --git a/static/img/articles/android-oreo/android-o-oreo.webp b/static/img/articles/android-oreo/android-o-oreo.webp
new file mode 100644
index 0000000..2df18aa
Binary files /dev/null and b/static/img/articles/android-oreo/android-o-oreo.webp differ
diff --git a/static/img/articles/any-desk-pc/anydesk-compressor.png b/static/img/articles/any-desk-pc/anydesk-compressor.png
deleted file mode 100644
index 3203d93..0000000
Binary files a/static/img/articles/any-desk-pc/anydesk-compressor.png and /dev/null differ
diff --git a/static/img/articles/any-desk-pc/anydesk-compressor.webp b/static/img/articles/any-desk-pc/anydesk-compressor.webp
new file mode 100644
index 0000000..72bd367
Binary files /dev/null and b/static/img/articles/any-desk-pc/anydesk-compressor.webp differ
diff --git a/static/img/articles/any-desk-pc/avantages-compressor.png b/static/img/articles/any-desk-pc/avantages-compressor.png
deleted file mode 100644
index 18c9b61..0000000
Binary files a/static/img/articles/any-desk-pc/avantages-compressor.png and /dev/null differ
diff --git a/static/img/articles/any-desk-pc/avantages-compressor.webp b/static/img/articles/any-desk-pc/avantages-compressor.webp
new file mode 100644
index 0000000..0aea1ed
Binary files /dev/null and b/static/img/articles/any-desk-pc/avantages-compressor.webp differ
diff --git a/static/img/articles/applications-android-fevrier-2019/MAAOS_3.png b/static/img/articles/applications-android-fevrier-2019/MAAOS_3.png
deleted file mode 100644
index f24ed8a..0000000
Binary files a/static/img/articles/applications-android-fevrier-2019/MAAOS_3.png and /dev/null differ
diff --git a/static/img/articles/applications-android-fevrier-2019/MAAOS_3.webp b/static/img/articles/applications-android-fevrier-2019/MAAOS_3.webp
new file mode 100644
index 0000000..5faf0be
Binary files /dev/null and b/static/img/articles/applications-android-fevrier-2019/MAAOS_3.webp differ
diff --git a/static/img/articles/applications-lite/2.png b/static/img/articles/applications-lite/2.png
deleted file mode 100644
index d9ef1b1..0000000
Binary files a/static/img/articles/applications-lite/2.png and /dev/null differ
diff --git a/static/img/articles/applications-lite/2.webp b/static/img/articles/applications-lite/2.webp
new file mode 100644
index 0000000..b9ee89a
Binary files /dev/null and b/static/img/articles/applications-lite/2.webp differ
diff --git a/static/img/articles/applications-lite/lite-apps.png b/static/img/articles/applications-lite/lite-apps.png
deleted file mode 100644
index bdedb9f..0000000
Binary files a/static/img/articles/applications-lite/lite-apps.png and /dev/null differ
diff --git a/static/img/articles/applications-lite/lite-apps.webp b/static/img/articles/applications-lite/lite-apps.webp
new file mode 100644
index 0000000..af74795
Binary files /dev/null and b/static/img/articles/applications-lite/lite-apps.webp differ
diff --git a/static/img/articles/applis-open-source-novembre/36apps.png b/static/img/articles/applis-open-source-novembre/36apps.png
deleted file mode 100644
index b9f1755..0000000
Binary files a/static/img/articles/applis-open-source-novembre/36apps.png and /dev/null differ
diff --git a/static/img/articles/applis-open-source-novembre/36apps.webp b/static/img/articles/applis-open-source-novembre/36apps.webp
new file mode 100644
index 0000000..72a1ea4
Binary files /dev/null and b/static/img/articles/applis-open-source-novembre/36apps.webp differ
diff --git a/static/img/articles/brave-open-source/5S0JNI6.png b/static/img/articles/brave-open-source/5S0JNI6.png
deleted file mode 100644
index e69de29..0000000
diff --git a/static/img/articles/brave-open-source/5S0JNI6.webp b/static/img/articles/brave-open-source/5S0JNI6.webp
new file mode 100644
index 0000000..caa2663
Binary files /dev/null and b/static/img/articles/brave-open-source/5S0JNI6.webp differ
diff --git a/static/img/articles/brave-open-source/Capture-d-cran-du-2017-05-04-16-56-05.webp b/static/img/articles/brave-open-source/Capture-d-cran-du-2017-05-04-16-56-05.webp
new file mode 100644
index 0000000..bc6808b
Binary files /dev/null and b/static/img/articles/brave-open-source/Capture-d-cran-du-2017-05-04-16-56-05.webp differ
diff --git a/static/img/articles/brave-open-source/Capture-d-cran-du-2017-05-04-17-33-52.webp b/static/img/articles/brave-open-source/Capture-d-cran-du-2017-05-04-17-33-52.webp
new file mode 100644
index 0000000..9ecd89f
Binary files /dev/null and b/static/img/articles/brave-open-source/Capture-d-cran-du-2017-05-04-17-33-52.webp differ
diff --git a/static/img/articles/brave-open-source/Capture_d_cran_du_2017_05_04_16_56_05.png b/static/img/articles/brave-open-source/Capture_d_cran_du_2017_05_04_16_56_05.png
deleted file mode 100644
index 9b09d63..0000000
--- a/static/img/articles/brave-open-source/Capture_d_cran_du_2017_05_04_16_56_05.png
+++ /dev/null
@@ -1,7 +0,0 @@
-
-301 Moved Permanently
-
-