diff --git a/docs/databases/mongo-db.md b/docs/databases/mongo-db.md
index b3b3c09c..5f6e4774 100644
--- a/docs/databases/mongo-db.md
+++ b/docs/databases/mongo-db.md
@@ -262,7 +262,7 @@ Indexes are special data structures that store a small portion of the collection
Indexes _slow down writing operations_ since the index must be updated at every writing.
-![IXSCAN](../img/mongodb_ixscan.png ".find() using an index")
+![IXSCAN](../img/mongodb_ixscan.avif ".find() using an index")
### [Index Types](https://docs.mongodb.com/manual/indexes/#index-types)
@@ -517,7 +517,7 @@ Shard components are:
- A config server, instance of MongoDB which contains metadata on the cluster, that is the set of instances that have the shard data.
- A router (or `mongos`), instance of MongoDB used to redirect the user instructions from the client to the correct server.
-![Shared Cluster](../img/mongodb_shared-cluster.png "Components of a shared cluster")
+![Shared Cluster](../img/mongodb_shared-cluster.avif "Components of a shared cluster")
---
diff --git a/docs/img/android_activity-lifecycle.avif b/docs/img/android_activity-lifecycle.avif
new file mode 100644
index 00000000..38a2d2d7
Binary files /dev/null and b/docs/img/android_activity-lifecycle.avif differ
diff --git a/docs/img/android_activity-lifecycle.png b/docs/img/android_activity-lifecycle.png
deleted file mode 100644
index ab0921a7..00000000
Binary files a/docs/img/android_activity-lifecycle.png and /dev/null differ
diff --git a/docs/img/android_fragment-lifecycle.avif b/docs/img/android_fragment-lifecycle.avif
new file mode 100644
index 00000000..2375cf27
Binary files /dev/null and b/docs/img/android_fragment-lifecycle.avif differ
diff --git a/docs/img/android_fragment-lifecycle.png b/docs/img/android_fragment-lifecycle.png
deleted file mode 100644
index eef260a8..00000000
Binary files a/docs/img/android_fragment-lifecycle.png and /dev/null differ
diff --git a/docs/img/android_fragments.avif b/docs/img/android_fragments.avif
new file mode 100644
index 00000000..04b7dd3e
Binary files /dev/null and b/docs/img/android_fragments.avif differ
diff --git a/docs/img/android_fragments.png b/docs/img/android_fragments.png
deleted file mode 100644
index 3713838f..00000000
Binary files a/docs/img/android_fragments.png and /dev/null differ
diff --git a/docs/img/bash_files-permissions-and-ownership-basics-in-linux.avif b/docs/img/bash_files-permissions-and-ownership-basics-in-linux.avif
new file mode 100644
index 00000000..21e00b7c
Binary files /dev/null and b/docs/img/bash_files-permissions-and-ownership-basics-in-linux.avif differ
diff --git a/docs/img/bash_files-permissions-and-ownership-basics-in-linux.png b/docs/img/bash_files-permissions-and-ownership-basics-in-linux.png
deleted file mode 100644
index e5422082..00000000
Binary files a/docs/img/bash_files-permissions-and-ownership-basics-in-linux.png and /dev/null differ
diff --git a/docs/img/css_box-model.avif b/docs/img/css_box-model.avif
new file mode 100644
index 00000000..3958a3f1
Binary files /dev/null and b/docs/img/css_box-model.avif differ
diff --git a/docs/img/css_box-model.png b/docs/img/css_box-model.png
deleted file mode 100644
index b0e51b97..00000000
Binary files a/docs/img/css_box-model.png and /dev/null differ
diff --git a/docs/img/dotnet_blazor-server.avif b/docs/img/dotnet_blazor-server.avif
new file mode 100644
index 00000000..a9319795
Binary files /dev/null and b/docs/img/dotnet_blazor-server.avif differ
diff --git a/docs/img/dotnet_blazor-server.png b/docs/img/dotnet_blazor-server.png
deleted file mode 100644
index f729a062..00000000
Binary files a/docs/img/dotnet_blazor-server.png and /dev/null differ
diff --git a/docs/img/dotnet_blazor-webassembly.avif b/docs/img/dotnet_blazor-webassembly.avif
new file mode 100644
index 00000000..dc537d77
Binary files /dev/null and b/docs/img/dotnet_blazor-webassembly.avif differ
diff --git a/docs/img/dotnet_blazor-webassembly.png b/docs/img/dotnet_blazor-webassembly.png
deleted file mode 100644
index f1f69166..00000000
Binary files a/docs/img/dotnet_blazor-webassembly.png and /dev/null differ
diff --git a/docs/img/dotnet_covariant_contravariant.avif b/docs/img/dotnet_covariant_contravariant.avif
new file mode 100644
index 00000000..f6a222be
Binary files /dev/null and b/docs/img/dotnet_covariant_contravariant.avif differ
diff --git a/docs/img/dotnet_covariant_contravariant.png b/docs/img/dotnet_covariant_contravariant.png
deleted file mode 100644
index a08ac6ee..00000000
Binary files a/docs/img/dotnet_covariant_contravariant.png and /dev/null differ
diff --git a/docs/img/dotnet_filter-pipeline-1.avif b/docs/img/dotnet_filter-pipeline-1.avif
new file mode 100644
index 00000000..3fba36e4
Binary files /dev/null and b/docs/img/dotnet_filter-pipeline-1.avif differ
diff --git a/docs/img/dotnet_filter-pipeline-1.png b/docs/img/dotnet_filter-pipeline-1.png
deleted file mode 100644
index 46820c05..00000000
Binary files a/docs/img/dotnet_filter-pipeline-1.png and /dev/null differ
diff --git a/docs/img/dotnet_filter-pipeline-2.avif b/docs/img/dotnet_filter-pipeline-2.avif
new file mode 100644
index 00000000..181d3a3c
Binary files /dev/null and b/docs/img/dotnet_filter-pipeline-2.avif differ
diff --git a/docs/img/dotnet_filter-pipeline-2.png b/docs/img/dotnet_filter-pipeline-2.png
deleted file mode 100644
index bbfba6dd..00000000
Binary files a/docs/img/dotnet_filter-pipeline-2.png and /dev/null differ
diff --git a/docs/img/dotnet_middleware-pipeline.avif b/docs/img/dotnet_middleware-pipeline.avif
new file mode 100644
index 00000000..b61ae4b5
Binary files /dev/null and b/docs/img/dotnet_middleware-pipeline.avif differ
diff --git a/docs/img/dotnet_middleware-pipeline.png b/docs/img/dotnet_middleware-pipeline.png
deleted file mode 100644
index 7a9e1a04..00000000
Binary files a/docs/img/dotnet_middleware-pipeline.png and /dev/null differ
diff --git a/docs/img/dotnet_mvc-endpoint.avif b/docs/img/dotnet_mvc-endpoint.avif
new file mode 100644
index 00000000..ad1885ee
Binary files /dev/null and b/docs/img/dotnet_mvc-endpoint.avif differ
diff --git a/docs/img/dotnet_mvc-endpoint.png b/docs/img/dotnet_mvc-endpoint.png
deleted file mode 100644
index 5e22b69d..00000000
Binary files a/docs/img/dotnet_mvc-endpoint.png and /dev/null differ
diff --git a/docs/img/dotnet_request-delegate-pipeline.avif b/docs/img/dotnet_request-delegate-pipeline.avif
new file mode 100644
index 00000000..7ee336cd
Binary files /dev/null and b/docs/img/dotnet_request-delegate-pipeline.avif differ
diff --git a/docs/img/dotnet_request-delegate-pipeline.png b/docs/img/dotnet_request-delegate-pipeline.png
deleted file mode 100644
index 43171c5c..00000000
Binary files a/docs/img/dotnet_request-delegate-pipeline.png and /dev/null differ
diff --git a/docs/img/dotnet_xamarin-layouts.avif b/docs/img/dotnet_xamarin-layouts.avif
new file mode 100644
index 00000000..129ea7a4
Binary files /dev/null and b/docs/img/dotnet_xamarin-layouts.avif differ
diff --git a/docs/img/dotnet_xamarin-layouts.png b/docs/img/dotnet_xamarin-layouts.png
deleted file mode 100644
index 936ff664..00000000
Binary files a/docs/img/dotnet_xamarin-layouts.png and /dev/null differ
diff --git a/docs/img/dotnet_xamarin-pages.avif b/docs/img/dotnet_xamarin-pages.avif
new file mode 100644
index 00000000..74affadb
Binary files /dev/null and b/docs/img/dotnet_xamarin-pages.avif differ
diff --git a/docs/img/dotnet_xamarin-pages.png b/docs/img/dotnet_xamarin-pages.png
deleted file mode 100644
index fa5dfb73..00000000
Binary files a/docs/img/dotnet_xamarin-pages.png and /dev/null differ
diff --git a/docs/img/git_branches.avif b/docs/img/git_branches.avif
new file mode 100644
index 00000000..ac10b1d5
Binary files /dev/null and b/docs/img/git_branches.avif differ
diff --git a/docs/img/git_branches.png b/docs/img/git_branches.png
deleted file mode 100644
index d79bde0e..00000000
Binary files a/docs/img/git_branches.png and /dev/null differ
diff --git a/docs/img/java_java-collection-framework.avif b/docs/img/java_java-collection-framework.avif
new file mode 100644
index 00000000..cc312d2d
Binary files /dev/null and b/docs/img/java_java-collection-framework.avif differ
diff --git a/docs/img/java_java-collection-framework.png b/docs/img/java_java-collection-framework.png
deleted file mode 100644
index d9c3bed7..00000000
Binary files a/docs/img/java_java-collection-framework.png and /dev/null differ
diff --git a/docs/img/javascript_event-inheritance.avif b/docs/img/javascript_event-inheritance.avif
new file mode 100644
index 00000000..4f991f50
Binary files /dev/null and b/docs/img/javascript_event-inheritance.avif differ
diff --git a/docs/img/javascript_event-inheritance.png b/docs/img/javascript_event-inheritance.png
deleted file mode 100644
index aed60a9f..00000000
Binary files a/docs/img/javascript_event-inheritance.png and /dev/null differ
diff --git a/docs/img/mongodb_ixscan.avif b/docs/img/mongodb_ixscan.avif
new file mode 100644
index 00000000..e88d881d
Binary files /dev/null and b/docs/img/mongodb_ixscan.avif differ
diff --git a/docs/img/mongodb_ixscan.png b/docs/img/mongodb_ixscan.png
deleted file mode 100644
index 3a90818a..00000000
Binary files a/docs/img/mongodb_ixscan.png and /dev/null differ
diff --git a/docs/img/mongodb_shared-cluster.avif b/docs/img/mongodb_shared-cluster.avif
new file mode 100644
index 00000000..cbec4824
Binary files /dev/null and b/docs/img/mongodb_shared-cluster.avif differ
diff --git a/docs/img/mongodb_shared-cluster.png b/docs/img/mongodb_shared-cluster.png
deleted file mode 100644
index 2a36d3e6..00000000
Binary files a/docs/img/mongodb_shared-cluster.png and /dev/null differ
diff --git a/docs/img/node_url-structure.avif b/docs/img/node_url-structure.avif
new file mode 100644
index 00000000..b9a665c4
Binary files /dev/null and b/docs/img/node_url-structure.avif differ
diff --git a/docs/img/node_url-structure.png b/docs/img/node_url-structure.png
deleted file mode 100644
index f049b033..00000000
Binary files a/docs/img/node_url-structure.png and /dev/null differ
diff --git a/docs/languages/bash/commands.md b/docs/languages/bash/commands.md
index 01a6783e..247e81c9 100644
--- a/docs/languages/bash/commands.md
+++ b/docs/languages/bash/commands.md
@@ -82,7 +82,7 @@ cp SOURCE DESTINATION # copy SOURCE to DESTINATION
### Files Permissions & Ownership
-![Linux Permissions](../../img/bash_files-permissions-and-ownership-basics-in-linux.png "files info and permissions")
+![Linux Permissions](../../img/bash_files-permissions-and-ownership-basics-in-linux.avif "files info and permissions")
```sh
chmod MODE FILE # change file (or directory) permissions
diff --git a/docs/languages/css/css.md b/docs/languages/css/css.md
index 1cbd0324..46056ae9 100644
--- a/docs/languages/css/css.md
+++ b/docs/languages/css/css.md
@@ -569,7 +569,7 @@ There are several methods to 'hide' elements:
## [Box Model](https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/The_box_model)
-![Box Model](../../img/css_box-model.png)
+![Box Model](../../img/css_box-model.avif)
### Padding
diff --git a/docs/languages/dotnet/asp.net/blazor.md b/docs/languages/dotnet/asp.net/blazor.md
index 26805363..c66c0238 100644
--- a/docs/languages/dotnet/asp.net/blazor.md
+++ b/docs/languages/dotnet/asp.net/blazor.md
@@ -9,8 +9,8 @@ Components are .NET C# classes built into .NET assemblies that:
- Can be nested and reused.
- Can be shared and distributed as Razor class libraries or NuGet packages.
-![Blazor Server Architecture](../../../img/dotnet_blazor-server.png)
-![Blazor WASM Architecture](../../../img/dotnet_blazor-webassembly.png)
+![Blazor Server Architecture](../../../img/dotnet_blazor-server.avif)
+![Blazor WASM Architecture](../../../img/dotnet_blazor-webassembly.avif)
The component class is usually written in the form of a Razor markup page with a `.razor` file extension. Components in Blazor are formally referred to as *Razor components*.
diff --git a/docs/languages/dotnet/asp.net/filters.md b/docs/languages/dotnet/asp.net/filters.md
index 56453816..79c6b034 100644
--- a/docs/languages/dotnet/asp.net/filters.md
+++ b/docs/languages/dotnet/asp.net/filters.md
@@ -13,8 +13,8 @@ Custom filters can be created to handle cross-cutting concerns. Examples of cros
Filters run within the _ASP.NET Core action invocation pipeline_, sometimes referred to as the _filter pipeline_. The filter pipeline runs after ASP.NET Core selects the action to execute.
-![filter-pipeline-1](../../../img/dotnet_filter-pipeline-1.png)
-![filter-pipeline-2](../../../img/dotnet_filter-pipeline-2.png)
+![filter-pipeline-1](../../../img/dotnet_filter-pipeline-1.avif)
+![filter-pipeline-2](../../../img/dotnet_filter-pipeline-2.avif)
## **Filter types**
diff --git a/docs/languages/dotnet/asp.net/middleware.md b/docs/languages/dotnet/asp.net/middleware.md
index 9772fc14..0154cae3 100644
--- a/docs/languages/dotnet/asp.net/middleware.md
+++ b/docs/languages/dotnet/asp.net/middleware.md
@@ -23,7 +23,7 @@ When a middleware short-circuits, it's called a *terminal middleware* because it
The ASP.NET Core request pipeline consists of a sequence of request delegates, called one after the other.
-![request-delegate-pipeline](../../../img/dotnet_request-delegate-pipeline.png)
+![request-delegate-pipeline](../../../img/dotnet_request-delegate-pipeline.avif)
Each delegate can perform operations before and after the next delegate. Exception-handling delegates should be called early in the pipeline, so they can catch exceptions that occur in later stages of the pipeline. It's possible to chain multiple request delegates together with `Use`.
@@ -62,8 +62,8 @@ app.Run(async context =>
## Middleware Order
-![middleware-pipeline](../../../img/dotnet_middleware-pipeline.png)
-![mvc-endpoint](../../../img/dotnet_mvc-endpoint.png)
+![middleware-pipeline](../../../img/dotnet_middleware-pipeline.avif)
+![mvc-endpoint](../../../img/dotnet_mvc-endpoint.avif)
The Endpoint middleware executes the filter pipeline for the corresponding app type.
diff --git a/docs/languages/dotnet/asp.net/web-forms.md b/docs/languages/dotnet/asp.net/web-forms.md
index 1df75ddd..afb0112a 100644
--- a/docs/languages/dotnet/asp.net/web-forms.md
+++ b/docs/languages/dotnet/asp.net/web-forms.md
@@ -49,9 +49,9 @@ The fist loaded page is `Default.aspx` and its underlying code.
BUTTON TEXT
-
+
-
+
diff --git a/docs/languages/dotnet/csharp/csharp.md b/docs/languages/dotnet/csharp/csharp.md
index b9b26783..968ec392 100644
--- a/docs/languages/dotnet/csharp/csharp.md
+++ b/docs/languages/dotnet/csharp/csharp.md
@@ -2148,7 +2148,7 @@ Generic type parameters support covariance and contravariance to provide greater
- **Contravariance**: Enables to use a more generic (less derived) type than originally specified.
- **Invariance**: it's possible to use _only_ the type originally specified; so an invariant generic type parameter is neither covariant nor contravariant.
-![covariance-vs-contravariance](../../../img/dotnet_covariant_contravariant.png)
+![covariance-vs-contravariance](../../../img/dotnet_covariant_contravariant.avif)
> **Note**: annotate generic type parameters with `out` and `in` annotations to specify whether they should behave covariantly or contravariantly.
diff --git a/docs/languages/java/java-collection-framework.md b/docs/languages/java/java-collection-framework.md
index 12df23e9..580caaee 100644
--- a/docs/languages/java/java-collection-framework.md
+++ b/docs/languages/java/java-collection-framework.md
@@ -12,7 +12,7 @@ The **Java Collection Framework** is constituted by:
- **Classes** that implement the interfaces using different data structures.
- **Algorithms** consisting in methods to operate over a collection.
-![Java Collection Hierarchy](../../img/java_java-collection-framework.png "Java Collection Hierarchy")
+![Java Collection Hierarchy](../../img/java_java-collection-framework.avif "Java Collection Hierarchy")
## java.util.Collections
diff --git a/docs/languages/javascript/events-animation.md b/docs/languages/javascript/events-animation.md
index 2fdc0c6e..36598166 100644
--- a/docs/languages/javascript/events-animation.md
+++ b/docs/languages/javascript/events-animation.md
@@ -44,7 +44,7 @@ let event = new CustomEvent(type, { detail: /* custom data */ }); // create eve
domNode.dispatchEvent(event); // launch the event
```
-![Event Inheritance](../../img/javascript_event-inheritance.png)
+![Event Inheritance](../../img/javascript_event-inheritance.avif)
## Animation
diff --git a/docs/misc/git.md b/docs/misc/git.md
index 5360a716..b4184c52 100644
--- a/docs/misc/git.md
+++ b/docs/misc/git.md
@@ -166,7 +166,7 @@ It's generally recommended creating annotated tags so it's possible to have all
### Branching And Merging
-![branch](../img/git_branches.png "how branches work")
+![branch](../img/git_branches.avif "how branches work")
`git branch`: shows branches
`git branch -vv`: show branch + last commit + remote status
diff --git a/docs/misc/ssh.md b/docs/misc/ssh.md
index f8007500..ad5d9746 100644
--- a/docs/misc/ssh.md
+++ b/docs/misc/ssh.md
@@ -25,7 +25,7 @@ ssh -J user_1@destination_1,user_2@destination_2 user@final_destination
## Port Forwarding
-![ssh-tunnels](https://iximiuz.com/ssh-tunnels/ssh-tunnels.png "SSH Tunnels Cheat Sheet By Ivan Velichko")
+![ssh-tunnels](https://iximiuz.com/ssh-tunnels/ssh-tunnels.avif "SSH Tunnels Cheat Sheet By Ivan Velichko")
### Local Port Forwarding