diff --git a/client/public/uploads/die-kaiser-thumb.webp b/client/public/uploads/die-kaiser-thumb.webp
new file mode 100644
index 0000000..e88a8a5
Binary files /dev/null and b/client/public/uploads/die-kaiser-thumb.webp differ
diff --git a/client/public/uploads/die-kaiser.webp b/client/public/uploads/die-kaiser.webp
new file mode 100644
index 0000000..4093454
Binary files /dev/null and b/client/public/uploads/die-kaiser.webp differ
diff --git a/client/public/uploads/folx-stadl-20-thumb.webp b/client/public/uploads/folx-stadl-20-thumb.webp
new file mode 100644
index 0000000..ccea0ec
Binary files /dev/null and b/client/public/uploads/folx-stadl-20-thumb.webp differ
diff --git a/client/public/uploads/folx-stadl-20.webp b/client/public/uploads/folx-stadl-20.webp
new file mode 100644
index 0000000..fe0664e
Binary files /dev/null and b/client/public/uploads/folx-stadl-20.webp differ
diff --git a/client/public/uploads/folx-stadl-21-thumb.webp b/client/public/uploads/folx-stadl-21-thumb.webp
new file mode 100644
index 0000000..ebbb762
Binary files /dev/null and b/client/public/uploads/folx-stadl-21-thumb.webp differ
diff --git a/client/public/uploads/folx-stadl-21.webp b/client/public/uploads/folx-stadl-21.webp
new file mode 100644
index 0000000..c030293
Binary files /dev/null and b/client/public/uploads/folx-stadl-21.webp differ
diff --git a/client/public/uploads/folx-stadl-22-thumb.webp b/client/public/uploads/folx-stadl-22-thumb.webp
new file mode 100644
index 0000000..9a9dc45
Binary files /dev/null and b/client/public/uploads/folx-stadl-22-thumb.webp differ
diff --git a/client/public/uploads/folx-stadl-22.webp b/client/public/uploads/folx-stadl-22.webp
new file mode 100644
index 0000000..3203513
Binary files /dev/null and b/client/public/uploads/folx-stadl-22.webp differ
diff --git a/client/public/uploads/kastelruther-spatzen-thumb.webp b/client/public/uploads/kastelruther-spatzen-thumb.webp
new file mode 100644
index 0000000..0640e04
Binary files /dev/null and b/client/public/uploads/kastelruther-spatzen-thumb.webp differ
diff --git a/client/public/uploads/kastelruther-spatzen.webp b/client/public/uploads/kastelruther-spatzen.webp
new file mode 100644
index 0000000..ba804c9
Binary files /dev/null and b/client/public/uploads/kastelruther-spatzen.webp differ
diff --git a/client/public/uploads/oberkrainer-goes-royal-thumb.webp b/client/public/uploads/oberkrainer-goes-royal-thumb.webp
new file mode 100644
index 0000000..81fe12e
Binary files /dev/null and b/client/public/uploads/oberkrainer-goes-royal-thumb.webp differ
diff --git a/client/public/uploads/oberkrainer-goes-royal.webp b/client/public/uploads/oberkrainer-goes-royal.webp
new file mode 100644
index 0000000..1e3c375
Binary files /dev/null and b/client/public/uploads/oberkrainer-goes-royal.webp differ
diff --git a/client/public/uploads/saso-avsenik-thumb.webp b/client/public/uploads/saso-avsenik-thumb.webp
new file mode 100644
index 0000000..d0e83f7
Binary files /dev/null and b/client/public/uploads/saso-avsenik-thumb.webp differ
diff --git a/client/public/uploads/saso-avsenik.webp b/client/public/uploads/saso-avsenik.webp
new file mode 100644
index 0000000..bab0149
Binary files /dev/null and b/client/public/uploads/saso-avsenik.webp differ
diff --git a/client/src/pages/article.tsx b/client/src/pages/article.tsx
index 8072a1b..7c88e1f 100644
--- a/client/src/pages/article.tsx
+++ b/client/src/pages/article.tsx
@@ -70,7 +70,7 @@ function RelatedArticles({ currentSlug }: { currentSlug: string }) {
             <div className="group cursor-pointer" data-testid={`card-related-${article.id}`}>
               <div className="relative overflow-hidden rounded-md mb-3">
                 <img
-                  src={article.coverImage || "/images/article-1.png"}
+                  src={article.coverImage ? article.coverImage.replace(".webp", "-thumb.webp") : "/images/article-1.png"}
                   alt={article.title}
                   className="w-full aspect-video object-cover transition-transform duration-500 group-hover:scale-105"
                   loading="lazy"
diff --git a/client/src/pages/home.tsx b/client/src/pages/home.tsx
index e3aa7e8..e94ffbe 100644
--- a/client/src/pages/home.tsx
+++ b/client/src/pages/home.tsx
@@ -121,6 +121,12 @@ function FeaturedSection({ articles }: { articles: Article[] }) {
   );
 }
 
+function thumbUrl(src: string | null): string {
+  if (!src) return "/images/article-1.png";
+  if (src.endsWith(".webp")) return src.replace(".webp", "-thumb.webp");
+  return src;
+}
+
 function ArticleCard({ article }: { article: Article }) {
   return (
     <Link href={`/article/${article.slug}`}>
@@ -131,7 +137,7 @@ function ArticleCard({ article }: { article: Article }) {
         <div className="relative rounded-t-md">
           <div className="overflow-hidden rounded-t-md">
             <img
-              src={article.coverImage || "/images/article-1.png"}
+              src={thumbUrl(article.coverImage)}
               alt={article.title}
               className="w-full aspect-[16/10] object-cover transition-transform duration-500 group-hover:scale-105"
               loading="lazy"