diff --git a/src/assets/layouts/Leilukins-Hub-blog-layout-2023-09.avif b/src/assets/layouts/Leilukins-Hub-blog-layout-2023-09.avif
new file mode 100644
index 00000000..99f95d95
Binary files /dev/null and b/src/assets/layouts/Leilukins-Hub-blog-layout-2023-09.avif differ
diff --git a/src/assets/layouts/Leilukins-Hub-blog-layout-2023-09.png b/src/assets/layouts/Leilukins-Hub-blog-layout-2023-09.png
deleted file mode 100644
index dc7a157f..00000000
Binary files a/src/assets/layouts/Leilukins-Hub-blog-layout-2023-09.png and /dev/null differ
diff --git a/src/assets/layouts/Leilukins-Hub-blog-layout-2024-04.avif b/src/assets/layouts/Leilukins-Hub-blog-layout-2024-04.avif
new file mode 100644
index 00000000..c4283e93
Binary files /dev/null and b/src/assets/layouts/Leilukins-Hub-blog-layout-2024-04.avif differ
diff --git a/src/assets/layouts/Leilukins-Hub-blog-layout-2024-04.png b/src/assets/layouts/Leilukins-Hub-blog-layout-2024-04.png
deleted file mode 100644
index 36ab5ab8..00000000
Binary files a/src/assets/layouts/Leilukins-Hub-blog-layout-2024-04.png and /dev/null differ
diff --git a/src/assets/layouts/Leilukins-Hub-layout-2022-index.avif b/src/assets/layouts/Leilukins-Hub-layout-2022-index.avif
new file mode 100644
index 00000000..3a29d58a
Binary files /dev/null and b/src/assets/layouts/Leilukins-Hub-layout-2022-index.avif differ
diff --git a/src/assets/layouts/Leilukins-Hub-layout-2022-index.png b/src/assets/layouts/Leilukins-Hub-layout-2022-index.png
deleted file mode 100644
index 9088863b..00000000
Binary files a/src/assets/layouts/Leilukins-Hub-layout-2022-index.png and /dev/null differ
diff --git a/src/assets/layouts/Leilukins-Hub-layout-2022-page.avif b/src/assets/layouts/Leilukins-Hub-layout-2022-page.avif
new file mode 100644
index 00000000..5d1cc7dd
Binary files /dev/null and b/src/assets/layouts/Leilukins-Hub-layout-2022-page.avif differ
diff --git a/src/assets/layouts/Leilukins-Hub-layout-2022-page.png b/src/assets/layouts/Leilukins-Hub-layout-2022-page.png
deleted file mode 100644
index 2b2655a7..00000000
Binary files a/src/assets/layouts/Leilukins-Hub-layout-2022-page.png and /dev/null differ
diff --git a/src/assets/layouts/Leilukins-Hub-layout-2023-01.avif b/src/assets/layouts/Leilukins-Hub-layout-2023-01.avif
new file mode 100644
index 00000000..c24a118b
Binary files /dev/null and b/src/assets/layouts/Leilukins-Hub-layout-2023-01.avif differ
diff --git a/src/assets/layouts/Leilukins-Hub-layout-2023-01.png b/src/assets/layouts/Leilukins-Hub-layout-2023-01.png
deleted file mode 100644
index 57b40283..00000000
Binary files a/src/assets/layouts/Leilukins-Hub-layout-2023-01.png and /dev/null differ
diff --git a/src/assets/layouts/Leilukins-Hub-layout-2023-06.avif b/src/assets/layouts/Leilukins-Hub-layout-2023-06.avif
new file mode 100644
index 00000000..8d0440ff
Binary files /dev/null and b/src/assets/layouts/Leilukins-Hub-layout-2023-06.avif differ
diff --git a/src/assets/layouts/Leilukins-Hub-layout-2023-06.png b/src/assets/layouts/Leilukins-Hub-layout-2023-06.png
deleted file mode 100644
index 55cb73a6..00000000
Binary files a/src/assets/layouts/Leilukins-Hub-layout-2023-06.png and /dev/null differ
diff --git a/src/assets/layouts/Leilukins-Hub-layout-2024-04.avif b/src/assets/layouts/Leilukins-Hub-layout-2024-04.avif
new file mode 100644
index 00000000..ceb0d923
Binary files /dev/null and b/src/assets/layouts/Leilukins-Hub-layout-2024-04.avif differ
diff --git a/src/assets/layouts/Leilukins-Hub-layout-2024-04.png b/src/assets/layouts/Leilukins-Hub-layout-2024-04.png
deleted file mode 100644
index fbe332f5..00000000
Binary files a/src/assets/layouts/Leilukins-Hub-layout-2024-04.png and /dev/null differ
diff --git a/src/changelogs/pages/layouts.md b/src/changelogs/pages/layouts.md
index 91391f01..26f5704b 100644
--- a/src/changelogs/pages/layouts.md
+++ b/src/changelogs/pages/layouts.md
@@ -20,11 +20,11 @@ eleventyNavigation:
     title: "20 April 2024",
     screenshots: [
         {
-            imgFile: "Leilukins-Hub-layout-2024-04.png",
+            imgFile: "Leilukins-Hub-layout-2024-04.avif",
             imgAlt: "Leilukin's Hub home page on 11 September 2023"
         },
         {
-            imgFile: "Leilukins-Hub-blog-layout-2024-04.png",
+            imgFile: "Leilukins-Hub-blog-layout-2024-04.avif",
             imgAlt: "Leilukin's Hub blog on 11 September 2023"
         }
     ]
@@ -34,7 +34,7 @@ eleventyNavigation:
     title: "11 September 2023 Blog Layout",
     screenshots: [
         {
-            imgFile: "Leilukins-Hub-blog-layout-2023-09.png",
+            imgFile: "Leilukins-Hub-blog-layout-2023-09.avif",
             imgAlt: "Leilukin's Hub blog on 11 September 2023"
         }
     ]
@@ -44,7 +44,7 @@ eleventyNavigation:
     title: "23 June 2023",
     screenshots: [
         {
-            imgFile: "Leilukins-Hub-layout-2023-06.png",
+            imgFile: "Leilukins-Hub-layout-2023-06.avif",
             imgAlt: "Leilukin's Hub home page on 23 June 2023"
         }
     ]
@@ -54,7 +54,7 @@ eleventyNavigation:
     title: "26 January 2023",
     screenshots: [
         {
-            imgFile: "Leilukins-Hub-layout-2023-01.png",
+            imgFile: "Leilukins-Hub-layout-2023-01.avif",
             imgAlt: "Leilukin's Hub home page on 26 January 2023"
         }
     ]
@@ -64,11 +64,11 @@ eleventyNavigation:
     title: "11 September 2022 (Site Launch)",
     screenshots: [
         {
-            imgFile: "Leilukins-Hub-layout-2022-index.png",
+            imgFile: "Leilukins-Hub-layout-2022-index.avif",
             imgAlt: "Leilukin's Hub index page during the site's launch on 11 September 2022"
         },
         {
-            imgFile: "Leilukins-Hub-layout-2022-page.png",
+            imgFile: "Leilukins-Hub-layout-2022-page.avif",
             imgAlt: "Leilukin's Hub My Creation page during the site's launch on 11 September 2022"
         }
     ]