diff --git a/CHANGELOG b/CHANGELOG
index 15e81351..6d3a2933 100644
--- a/CHANGELOG
+++ b/CHANGELOG
@@ -30,6 +30,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Remove `--no-zim`, `--keep` CLI arguments
 - Add support to index content from `zimui` JSON files in the ZIM using custom `IndexData` (#224)
 - Add integration tests to check the content of the ZIM created by the scraper (#268)
+- Add an overlay image for the channel banner (#279)
 
 ## [2.3.0] - 2024-05-22
 
diff --git a/zimui/src/assets/images/banner-overlay.png b/zimui/src/assets/images/banner-overlay.png
new file mode 100644
index 00000000..ae9f9c65
Binary files /dev/null and b/zimui/src/assets/images/banner-overlay.png differ
diff --git a/zimui/src/assets/main.css b/zimui/src/assets/main.css
index 59a22c6f..b0da8c9a 100644
--- a/zimui/src/assets/main.css
+++ b/zimui/src/assets/main.css
@@ -20,6 +20,10 @@ a {
   -webkit-text-size-adjust: 100%;
 }
 
+.banner-bg .v-img__img--preload {
+  filter: none;
+}
+
 /* roboto-latin-100-normal */
 @font-face {
   font-family: 'Roboto';
diff --git a/zimui/src/components/channel/ChannelHeader.vue b/zimui/src/components/channel/ChannelHeader.vue
index de111eb3..ffd9f1f1 100644
--- a/zimui/src/components/channel/ChannelHeader.vue
+++ b/zimui/src/components/channel/ChannelHeader.vue
@@ -6,6 +6,7 @@ import AboutDialogButton from '@/components/channel/AboutDialogButton.vue'
 import { useMainStore } from '@/stores/main'
 
 import profilePlaceholder from '@/assets/images/profile-placeholder.jpg'
+import bannerOverlay from '@/assets/images/banner-overlay.png'
 
 const { mdAndDown } = useDisplay()
 
@@ -46,6 +47,7 @@ const tab = ref<number>(tabs[0].id)
         :scale="1"
         height="120"
         class="banner-bg rounded-lg rounded-t-0"
+        :lazy-src="bannerOverlay"
         :src="main.channel?.bannerPath"
       ></v-parallax>