diff --git a/config.toml b/config.toml
index d7091efd..71ad6c56 100644
--- a/config.toml
+++ b/config.toml
@@ -222,11 +222,11 @@ favicon = "img/seedling.png"
 # Compatibility: https://caniuse.com/link-icon-svg
 favicon_emoji = "🌱"
 
-# Path to the fallback image for social media cards (the image shown when sharing a link on WhatsApp, LinkedIn…).
-# Read more: https://nikitahl.com/html-meta-tags-for-social-media
-# Using an image representative of each post is recommended. You can do so by setting this variable in the [extra] section of a post's front matter.
-# If a post doesn't have a social media card, the site's default, below, will be used.
-social_media_card_path = ""
+# Path to the fallback image for social media cards (the preview image shown when sharing a link on WhatsApp, LinkedIn…).
+# Can be set at page or section levels, following the hierarchy: page > section > config. See: https://github.com/welpo/tabi/pull/128
+# Learn how to create these images in batch and automatically:
+# https://osc.garden/blog/automating-social-media-cards-zola/
+social_media_card = "img/social_cards/index.jpg"
 
 menu = [
     { name = "blog", url = "blog", trailing_slash = true },
diff --git a/content/_index.ca.md b/content/_index.ca.md
index 8a8debd5..3142dedc 100644
--- a/content/_index.ca.md
+++ b/content/_index.ca.md
@@ -8,6 +8,7 @@ template = "section.html"
 header = {title = "Hola! Soc tabi~", img = "img/main.webp" }
 section_path = "blog/_index.ca.md"
 max_posts = 4
+social_media_card = "img/social_cards/ca.jpg"
 +++
 
 tabi és un tema de [Zola](https://getzola.org) ràpid, lleuger i modern. Té com a objectiu ser una pàgina personal i llar d'entrades de blog. Compta amb una puntuació perfecta de Lighthouse, disseny responsive, tema fosc i clar, shortcodes personalitzats i molt més.
diff --git a/content/_index.es.md b/content/_index.es.md
index 8301a8c7..52497e28 100644
--- a/content/_index.es.md
+++ b/content/_index.es.md
@@ -8,6 +8,7 @@ template = "section.html"
 header = {title = "¡Hola! Soy tabi~", img = "img/main.webp" }
 section_path = "blog/_index.es.md"
 max_posts = 4
+social_media_card = "img/social_cards/es.jpg"
 +++
 
 tabi es un tema de [Zola](https://getzola.org) rápido, ligero y moderno. Su objetivo es ser una página personal y hogar para publicaciones de blogs. Cuenta con una puntuación perfecta en Lighthouse, diseño responsive, tema oscuro y claro, shortcodes personalizados y mucho más.
diff --git a/content/_index.md b/content/_index.md
index f6984099..ef494cd4 100644
--- a/content/_index.md
+++ b/content/_index.md
@@ -8,6 +8,7 @@ template = "section.html"
 header = {title = "Hello! I'm tabi~", img = "img/main.webp" }
 section_path = "blog/_index.md"
 max_posts = 4
+social_media_card = "img/social_cards/index.jpg"
 +++
 
 tabi is a fast, lightweight, and modern [Zola](https://getzola.org) theme. It aims to be a personal page and home to blog posts. It features a perfect Lighthouse score, responsive design, dark and light themes, custom shortcodes, and much more.
diff --git a/content/archive/_index.ca.md b/content/archive/_index.ca.md
index 22d93926..f8a25bad 100644
--- a/content/archive/_index.ca.md
+++ b/content/archive/_index.ca.md
@@ -1,4 +1,7 @@
 +++
 title = "Arxiu"
 template = "archive.html"
+
+[extra]
+social_media_card = "img/social_cards/ca_archive.jpg"
 +++
diff --git a/content/archive/_index.es.md b/content/archive/_index.es.md
index 65d16e8f..bcd69c7f 100644
--- a/content/archive/_index.es.md
+++ b/content/archive/_index.es.md
@@ -1,4 +1,7 @@
 +++
 title = "Archivo"
 template = "archive.html"
+
+[extra]
+social_media_card = "img/social_cards/es_archive.jpg"
 +++
diff --git a/content/archive/_index.md b/content/archive/_index.md
index 6b076e97..f9a2269f 100644
--- a/content/archive/_index.md
+++ b/content/archive/_index.md
@@ -1,4 +1,7 @@
 +++
 title = "Archive"
 template = "archive.html"
+
+[extra]
+social_media_card = "img/social_cards/archive.jpg"
 +++
diff --git a/content/blog/_index.ca.md b/content/blog/_index.ca.md
index 79a1185c..d21587ef 100644
--- a/content/blog/_index.ca.md
+++ b/content/blog/_index.ca.md
@@ -5,4 +5,7 @@ title = "Blog"
 sort_by = "date"
 template = "section.html"
 insert_anchor_links = "left"
+
+[extra]
+social_media_card = "img/social_cards/ca_blog.jpg"
 +++
diff --git a/content/blog/_index.es.md b/content/blog/_index.es.md
index 79a1185c..a3511e6e 100644
--- a/content/blog/_index.es.md
+++ b/content/blog/_index.es.md
@@ -5,4 +5,7 @@ title = "Blog"
 sort_by = "date"
 template = "section.html"
 insert_anchor_links = "left"
+
+[extra]
+social_media_card = "img/social_cards/es_blog.jpg"
 +++
diff --git a/content/blog/_index.md b/content/blog/_index.md
index 79a1185c..72f01b7e 100644
--- a/content/blog/_index.md
+++ b/content/blog/_index.md
@@ -5,4 +5,7 @@ title = "Blog"
 sort_by = "date"
 template = "section.html"
 insert_anchor_links = "left"
+
+[extra]
+social_media_card = "img/social_cards/blog.jpg"
 +++
diff --git a/content/blog/comments.ca.md b/content/blog/comments.ca.md
index 6516f8e9..037e846a 100644
--- a/content/blog/comments.ca.md
+++ b/content/blog/comments.ca.md
@@ -11,6 +11,7 @@ tags = ["funcionalitat", "tutorial"]
 giscus = true
 quick_navigation_buttons = true
 toc = true
+social_media_card = "img/social_cards/ca_blog_comments.jpg"
 +++
 
 tabi actualment suporta quatre sistemes de comentaris: [giscus](https://giscus.app/ca) i [utterances](https://utteranc.es/), [Hyvor Talk](https://talk.hyvor.com/) i [Isso](https://isso-comments.de/).
diff --git a/content/blog/comments.es.md b/content/blog/comments.es.md
index df5a132e..be4e01c1 100644
--- a/content/blog/comments.es.md
+++ b/content/blog/comments.es.md
@@ -11,6 +11,7 @@ tags = ["funcionalidad", "tutorial"]
 giscus = true
 quick_navigation_buttons = true
 toc = true
+social_media_card = "img/social_cards/es_blog_comments.jpg"
 +++
 
 tabi actualmente soporta cuatro sistemas de comentarios: [giscus](https://giscus.app/es) y [utterances](https://utteranc.es/), [Hyvor Talk](https://talk.hyvor.com/) e [Isso](https://isso-comments.de/).
diff --git a/content/blog/comments.md b/content/blog/comments.md
index c28267ea..560e6f40 100644
--- a/content/blog/comments.md
+++ b/content/blog/comments.md
@@ -11,6 +11,7 @@ tags = ["showcase", "tutorial"]
 giscus = true
 quick_navigation_buttons = true
 toc = true
+social_media_card = "img/social_cards/blog_comments.jpg"
 +++
 
 tabi currently supports four comment systems: [giscus](https://giscus.app/), [utterances](https://utteranc.es/), [Hyvor Talk](https://talk.hyvor.com/), and [Isso](https://isso-comments.de/).
diff --git a/content/blog/custom-font-subset.ca.md b/content/blog/custom-font-subset.ca.md
index 5dba0b5a..d275d836 100644
--- a/content/blog/custom-font-subset.ca.md
+++ b/content/blog/custom-font-subset.ca.md
@@ -6,6 +6,9 @@ description = "Aprèn com crear un subconjunt personalitzat que només inclogui
 
 [taxonomies]
 tags = ["funcionalitat", "tutorial"]
+
+[extra]
+social_media_card = "img/social_cards/ca_blog_custom_font_subset.jpg"
 +++
 
 ## El problema
diff --git a/content/blog/custom-font-subset.es.md b/content/blog/custom-font-subset.es.md
index 7d0a1940..77c60afe 100644
--- a/content/blog/custom-font-subset.es.md
+++ b/content/blog/custom-font-subset.es.md
@@ -6,6 +6,9 @@ description = "Aprende cómo crear un subconjunto personalizado que solo incluya
 
 [taxonomies]
 tags = ["funcionalidad", "tutorial"]
+
+[extra]
+social_media_card = "img/social_cards/es_blog_custom_font_subset.jpg"
 +++
 
 ## El problema
diff --git a/content/blog/custom-font-subset.md b/content/blog/custom-font-subset.md
index 0228eef1..efde3330 100644
--- a/content/blog/custom-font-subset.md
+++ b/content/blog/custom-font-subset.md
@@ -6,6 +6,9 @@ description = "Learn how to create a custom subset that only includes the necess
 
 [taxonomies]
 tags = ["showcase", "tutorial"]
+
+[extra]
+social_media_card = "img/social_cards/blog_custom_font_subset.jpg"
 +++
 
 ## The problem
diff --git a/content/blog/customise-tabi.ca.md b/content/blog/customise-tabi.ca.md
index 371d0a4d..8ba4d137 100644
--- a/content/blog/customise-tabi.ca.md
+++ b/content/blog/customise-tabi.ca.md
@@ -10,6 +10,7 @@ tags = ["funcionalitat", "tutorial"]
 [extra]
 toc = true
 quick_navigation_buttons = true
+social_media_card = "img/social_cards/ca_blog_customise_tabi.jpg"
 +++
 
 tabi pot ser personalitzat de dues maneres: establint el tema per defecte (fosc o clar) i triant el color principal per al tema ("skin").
diff --git a/content/blog/customise-tabi.es.md b/content/blog/customise-tabi.es.md
index 049d5a02..681df670 100644
--- a/content/blog/customise-tabi.es.md
+++ b/content/blog/customise-tabi.es.md
@@ -10,6 +10,7 @@ tags = ["funcionalidad", "tutorial"]
 [extra]
 toc = true
 quick_navigation_buttons = true
+social_media_card = "img/social_cards/es_blog_customise_tabi.jpg"
 +++
 
 tabi puede ser personalizado de dos maneras: estableciendo el tema predeterminado (oscuro o claro) y eligiendo el color principal para el tema ("skin").
diff --git a/content/blog/customise-tabi.md b/content/blog/customise-tabi.md
index 146f173f..718a5f86 100644
--- a/content/blog/customise-tabi.md
+++ b/content/blog/customise-tabi.md
@@ -10,6 +10,7 @@ tags = ["showcase", "tutorial"]
 [extra]
 toc = true
 quick_navigation_buttons = true
+social_media_card = "img/social_cards/blog_customise_tabi.jpg"
 +++
 
 tabi can be customised in two ways: by setting the default theme (dark or light) and by choosing the main colour for the theme (skins).
diff --git a/content/blog/javascript.ca.md b/content/blog/javascript.ca.md
index faa484cc..d24273c4 100644
--- a/content/blog/javascript.ca.md
+++ b/content/blog/javascript.ca.md
@@ -9,6 +9,7 @@ tags = ["funcionalitat", "tutorial"]
 
 [extra]
 footnote_backlinks = true
+social_media_card = "img/social_cards/ca_blog_javascript.jpg"
 +++
 
 Aquest tema no requereix JavaScript obligatori. Opcionalment, pot carregar una quantitat mínima per afegir algunes característiques que són impossibles d'aconseguir amb HTML i CSS.
diff --git a/content/blog/javascript.es.md b/content/blog/javascript.es.md
index 05229918..a65fdef9 100644
--- a/content/blog/javascript.es.md
+++ b/content/blog/javascript.es.md
@@ -9,6 +9,7 @@ tags = ["funcionalidad", "tutorial"]
 
 [extra]
 footnote_backlinks = true
+social_media_card = "img/social_cards/es_blog_javascript.jpg"
 +++
 
 Este tema no requiere JavaScript de manera obligatoria. Opcionalmente, puede cargar una cantidad mínima de JavaScript para añadir algunas características que son imposibles de lograr con solo HTML y CSS.
diff --git a/content/blog/javascript.md b/content/blog/javascript.md
index 38eaf219..f90fdafd 100644
--- a/content/blog/javascript.md
+++ b/content/blog/javascript.md
@@ -9,6 +9,7 @@ tags = ["showcase", "tutorial"]
 
 [extra]
 footnote_backlinks = true
+social_media_card = "img/social_cards/blog_javascript.jpg"
 +++
 
 This theme has no mandatory JavaScript. Optionally, it can load a minimal amount to add some features that are impossible to achieve with HTML and CSS.
diff --git a/content/blog/markdown.ca.md b/content/blog/markdown.ca.md
index 7c489173..b3b95510 100644
--- a/content/blog/markdown.ca.md
+++ b/content/blog/markdown.ca.md
@@ -10,6 +10,7 @@ tags = ["markdown", "funcionalitat"]
 [extra]
 katex = true
 footnote_backlinks = true
+social_media_card = "img/social_cards/ca_blog_markdown.jpg"
 +++
 
 ## $\KaTeX$
diff --git a/content/blog/markdown.es.md b/content/blog/markdown.es.md
index 87442483..95be81d8 100644
--- a/content/blog/markdown.es.md
+++ b/content/blog/markdown.es.md
@@ -10,6 +10,7 @@ tags = ["markdown", "funcionalidad"]
 [extra]
 katex = true
 footnote_backlinks = true
+social_media_card = "img/social_cards/es_blog_markdown.jpg"
 +++
 
 ## $\KaTeX$
diff --git a/content/blog/markdown.md b/content/blog/markdown.md
index 74633552..d1c05a5f 100644
--- a/content/blog/markdown.md
+++ b/content/blog/markdown.md
@@ -10,6 +10,7 @@ tags = ["markdown", "showcase"]
 [extra]
 katex = true
 footnote_backlinks = true
+social_media_card = "img/social_cards/blog_markdown.jpg"
 +++
 
 ## $\KaTeX$
diff --git a/content/blog/security.ca.md b/content/blog/security.ca.md
index 8a372609..e1667754 100644
--- a/content/blog/security.ca.md
+++ b/content/blog/security.ca.md
@@ -6,6 +6,9 @@ description = "tabi té una Política de Seguretat de Contingut (CSP) fàcilment
 
 [taxonomies]
 tags = ["seguretat", "funcionalitat"]
+
+[extra]
+social_media_card = "img/social_cards/ca_blog_security.jpg"
 +++
 
 La configuració per defecte del tema obté una puntuació A+ a l'[Observatori de Mozilla](https://observatory.mozilla.org).[^1]
diff --git a/content/blog/security.es.md b/content/blog/security.es.md
index 9babb984..72435ec3 100644
--- a/content/blog/security.es.md
+++ b/content/blog/security.es.md
@@ -6,6 +6,9 @@ description = "tabi tiene una Política de Seguridad de Contenido (CSP) fácilme
 
 [taxonomies]
 tags = ["seguridad", "funcionalidad"]
+
+[extra]
+social_media_card = "img/social_cards/es_blog_security.jpg"
 +++
 
 La configuración predeterminada del tema obtiene una calificación de A+ en [Mozilla Observatory](https://observatory.mozilla.org).[^1]
diff --git a/content/blog/security.md b/content/blog/security.md
index 7b812efa..4c9235de 100644
--- a/content/blog/security.md
+++ b/content/blog/security.md
@@ -6,6 +6,9 @@ description = "tabi has an easily customizable Content Security Policy (CSP) wit
 
 [taxonomies]
 tags = ["security", "showcase"]
+
+[extra]
+social_media_card = "img/social_cards/blog_security.jpg"
 +++
 
 The default configuration of the theme gets an A+ score on [Mozilla Observatory](https://observatory.mozilla.org).[^1]
diff --git a/content/blog/shortcodes.ca.md b/content/blog/shortcodes.ca.md
index 14f5de8e..857dd6a4 100644
--- a/content/blog/shortcodes.ca.md
+++ b/content/blog/shortcodes.ca.md
@@ -11,6 +11,7 @@ tags = ["funcionalitat", "shortcodes"]
 toc = true
 toc_levels = 2
 quick_navigation_buttons = true
+social_media_card = "img/social_cards/ca_blog_shortcodes.jpg"
 +++
 
 ## Shortcodes d'imatge
diff --git a/content/blog/shortcodes.es.md b/content/blog/shortcodes.es.md
index 67e2b004..8e8af871 100644
--- a/content/blog/shortcodes.es.md
+++ b/content/blog/shortcodes.es.md
@@ -11,6 +11,7 @@ tags = ["funcionalidad", "shortcodes"]
 toc = true
 toc_levels = 2
 quick_navigation_buttons = true
+social_media_card = "img/social_cards/es_blog_shortcodes.jpg"
 +++
 
 ## Shortcodes de imagen
diff --git a/content/blog/shortcodes.md b/content/blog/shortcodes.md
index 1564e9d0..fb552975 100644
--- a/content/blog/shortcodes.md
+++ b/content/blog/shortcodes.md
@@ -11,6 +11,7 @@ tags = ["showcase", "shortcodes"]
 toc = true
 toc_levels = 2
 quick_navigation_buttons = true
+social_media_card = "img/social_cards/blog_shortcodes.jpg"
 +++
 
 ## Image shortcodes
diff --git a/content/blog/toc.ca.md b/content/blog/toc.ca.md
index 6180d6b9..68aa10e4 100644
--- a/content/blog/toc.ca.md
+++ b/content/blog/toc.ca.md
@@ -10,6 +10,7 @@ tags = ["funcionalitat", "markdown", "tutorial"]
 [extra]
 toc = true
 quick_navigation_buttons = true
+social_media_card = "img/social_cards/ca_blog_toc.jpg"
 +++
 
 ## Documentació
diff --git a/content/blog/toc.es.md b/content/blog/toc.es.md
index 2c2b557a..8179b314 100644
--- a/content/blog/toc.es.md
+++ b/content/blog/toc.es.md
@@ -10,6 +10,7 @@ tags = ["funcionalidad", "markdown", "tutorial"]
 [extra]
 toc = true
 quick_navigation_buttons = true
+social_media_card = "img/social_cards/es_blog_toc.jpg"
 +++
 
 ## Documentación
diff --git a/content/blog/toc.md b/content/blog/toc.md
index 1d6c81d4..ba825c4a 100644
--- a/content/blog/toc.md
+++ b/content/blog/toc.md
@@ -10,6 +10,7 @@ tags = ["showcase", "markdown", "tutorial"]
 [extra]
 toc = true
 quick_navigation_buttons = true
+social_media_card = "img/social_cards/blog_toc.jpg"
 +++
 
 ## Documentation
diff --git a/content/projects/_index.ca.md b/content/projects/_index.ca.md
index 1de6fe07..a87b3076 100644
--- a/content/projects/_index.ca.md
+++ b/content/projects/_index.ca.md
@@ -2,4 +2,7 @@
 title = "Projectes"
 sort_by = "weight"
 template = "cards.html"
+
+[extra]
+social_media_card = "img/social_cards/ca_projects.jpg"
 +++
diff --git a/content/projects/_index.es.md b/content/projects/_index.es.md
index 068f1eab..caab7a37 100644
--- a/content/projects/_index.es.md
+++ b/content/projects/_index.es.md
@@ -2,4 +2,7 @@
 title = "Proyectos"
 sort_by = "weight"
 template = "cards.html"
+
+[extra]
+social_media_card = "img/social_cards/es_projects.jpg"
 +++
diff --git a/content/projects/_index.md b/content/projects/_index.md
index 9b00a129..9a4bbce8 100644
--- a/content/projects/_index.md
+++ b/content/projects/_index.md
@@ -2,4 +2,7 @@
 title = "Projects"
 sort_by = "weight"
 template = "cards.html"
+
+[extra]
+social_media_card = "img/social_cards/projects.jpg"
 +++
diff --git a/static/img/social_cards/archive.jpg b/static/img/social_cards/archive.jpg
new file mode 100644
index 00000000..1e6f7ad6
Binary files /dev/null and b/static/img/social_cards/archive.jpg differ
diff --git a/static/img/social_cards/blog.jpg b/static/img/social_cards/blog.jpg
new file mode 100644
index 00000000..bbeac44d
Binary files /dev/null and b/static/img/social_cards/blog.jpg differ
diff --git a/static/img/social_cards/blog_comments.jpg b/static/img/social_cards/blog_comments.jpg
new file mode 100644
index 00000000..97a32ce6
Binary files /dev/null and b/static/img/social_cards/blog_comments.jpg differ
diff --git a/static/img/social_cards/blog_custom_font_subset.jpg b/static/img/social_cards/blog_custom_font_subset.jpg
new file mode 100644
index 00000000..5853d397
Binary files /dev/null and b/static/img/social_cards/blog_custom_font_subset.jpg differ
diff --git a/static/img/social_cards/blog_customise_tabi.jpg b/static/img/social_cards/blog_customise_tabi.jpg
new file mode 100644
index 00000000..b2fce793
Binary files /dev/null and b/static/img/social_cards/blog_customise_tabi.jpg differ
diff --git a/static/img/social_cards/blog_javascript.jpg b/static/img/social_cards/blog_javascript.jpg
new file mode 100644
index 00000000..f823b41e
Binary files /dev/null and b/static/img/social_cards/blog_javascript.jpg differ
diff --git a/static/img/social_cards/blog_markdown.jpg b/static/img/social_cards/blog_markdown.jpg
new file mode 100644
index 00000000..c3046457
Binary files /dev/null and b/static/img/social_cards/blog_markdown.jpg differ
diff --git a/static/img/social_cards/blog_security.jpg b/static/img/social_cards/blog_security.jpg
new file mode 100644
index 00000000..f41e31a9
Binary files /dev/null and b/static/img/social_cards/blog_security.jpg differ
diff --git a/static/img/social_cards/blog_shortcodes.jpg b/static/img/social_cards/blog_shortcodes.jpg
new file mode 100644
index 00000000..3bcc2136
Binary files /dev/null and b/static/img/social_cards/blog_shortcodes.jpg differ
diff --git a/static/img/social_cards/blog_toc.jpg b/static/img/social_cards/blog_toc.jpg
new file mode 100644
index 00000000..0907fedf
Binary files /dev/null and b/static/img/social_cards/blog_toc.jpg differ
diff --git a/static/img/social_cards/ca.jpg b/static/img/social_cards/ca.jpg
new file mode 100644
index 00000000..033bb6c8
Binary files /dev/null and b/static/img/social_cards/ca.jpg differ
diff --git a/static/img/social_cards/ca_archive.jpg b/static/img/social_cards/ca_archive.jpg
new file mode 100644
index 00000000..5b6b6a3a
Binary files /dev/null and b/static/img/social_cards/ca_archive.jpg differ
diff --git a/static/img/social_cards/ca_blog.jpg b/static/img/social_cards/ca_blog.jpg
new file mode 100644
index 00000000..96b0a2d1
Binary files /dev/null and b/static/img/social_cards/ca_blog.jpg differ
diff --git a/static/img/social_cards/ca_blog_comments.jpg b/static/img/social_cards/ca_blog_comments.jpg
new file mode 100644
index 00000000..f6689454
Binary files /dev/null and b/static/img/social_cards/ca_blog_comments.jpg differ
diff --git a/static/img/social_cards/ca_blog_custom_font_subset.jpg b/static/img/social_cards/ca_blog_custom_font_subset.jpg
new file mode 100644
index 00000000..1a970e45
Binary files /dev/null and b/static/img/social_cards/ca_blog_custom_font_subset.jpg differ
diff --git a/static/img/social_cards/ca_blog_customise_tabi.jpg b/static/img/social_cards/ca_blog_customise_tabi.jpg
new file mode 100644
index 00000000..c1673d59
Binary files /dev/null and b/static/img/social_cards/ca_blog_customise_tabi.jpg differ
diff --git a/static/img/social_cards/ca_blog_javascript.jpg b/static/img/social_cards/ca_blog_javascript.jpg
new file mode 100644
index 00000000..a7aed29f
Binary files /dev/null and b/static/img/social_cards/ca_blog_javascript.jpg differ
diff --git a/static/img/social_cards/ca_blog_markdown.jpg b/static/img/social_cards/ca_blog_markdown.jpg
new file mode 100644
index 00000000..45367669
Binary files /dev/null and b/static/img/social_cards/ca_blog_markdown.jpg differ
diff --git a/static/img/social_cards/ca_blog_security.jpg b/static/img/social_cards/ca_blog_security.jpg
new file mode 100644
index 00000000..36ca0dba
Binary files /dev/null and b/static/img/social_cards/ca_blog_security.jpg differ
diff --git a/static/img/social_cards/ca_blog_shortcodes.jpg b/static/img/social_cards/ca_blog_shortcodes.jpg
new file mode 100644
index 00000000..f10e0219
Binary files /dev/null and b/static/img/social_cards/ca_blog_shortcodes.jpg differ
diff --git a/static/img/social_cards/ca_blog_toc.jpg b/static/img/social_cards/ca_blog_toc.jpg
new file mode 100644
index 00000000..61b7ba13
Binary files /dev/null and b/static/img/social_cards/ca_blog_toc.jpg differ
diff --git a/static/img/social_cards/ca_projects.jpg b/static/img/social_cards/ca_projects.jpg
new file mode 100644
index 00000000..16aa83e0
Binary files /dev/null and b/static/img/social_cards/ca_projects.jpg differ
diff --git a/static/img/social_cards/es.jpg b/static/img/social_cards/es.jpg
new file mode 100644
index 00000000..d03480e9
Binary files /dev/null and b/static/img/social_cards/es.jpg differ
diff --git a/static/img/social_cards/es_archive.jpg b/static/img/social_cards/es_archive.jpg
new file mode 100644
index 00000000..8432eccd
Binary files /dev/null and b/static/img/social_cards/es_archive.jpg differ
diff --git a/static/img/social_cards/es_blog.jpg b/static/img/social_cards/es_blog.jpg
new file mode 100644
index 00000000..d6d04d38
Binary files /dev/null and b/static/img/social_cards/es_blog.jpg differ
diff --git a/static/img/social_cards/es_blog_comments.jpg b/static/img/social_cards/es_blog_comments.jpg
new file mode 100644
index 00000000..8cc832e4
Binary files /dev/null and b/static/img/social_cards/es_blog_comments.jpg differ
diff --git a/static/img/social_cards/es_blog_custom_font_subset.jpg b/static/img/social_cards/es_blog_custom_font_subset.jpg
new file mode 100644
index 00000000..474087b1
Binary files /dev/null and b/static/img/social_cards/es_blog_custom_font_subset.jpg differ
diff --git a/static/img/social_cards/es_blog_customise_tabi.jpg b/static/img/social_cards/es_blog_customise_tabi.jpg
new file mode 100644
index 00000000..cdc2e7ee
Binary files /dev/null and b/static/img/social_cards/es_blog_customise_tabi.jpg differ
diff --git a/static/img/social_cards/es_blog_javascript.jpg b/static/img/social_cards/es_blog_javascript.jpg
new file mode 100644
index 00000000..86db9370
Binary files /dev/null and b/static/img/social_cards/es_blog_javascript.jpg differ
diff --git a/static/img/social_cards/es_blog_markdown.jpg b/static/img/social_cards/es_blog_markdown.jpg
new file mode 100644
index 00000000..8f0d6681
Binary files /dev/null and b/static/img/social_cards/es_blog_markdown.jpg differ
diff --git a/static/img/social_cards/es_blog_security.jpg b/static/img/social_cards/es_blog_security.jpg
new file mode 100644
index 00000000..1b53057f
Binary files /dev/null and b/static/img/social_cards/es_blog_security.jpg differ
diff --git a/static/img/social_cards/es_blog_shortcodes.jpg b/static/img/social_cards/es_blog_shortcodes.jpg
new file mode 100644
index 00000000..a8aa3152
Binary files /dev/null and b/static/img/social_cards/es_blog_shortcodes.jpg differ
diff --git a/static/img/social_cards/es_blog_toc.jpg b/static/img/social_cards/es_blog_toc.jpg
new file mode 100644
index 00000000..7ebe7a08
Binary files /dev/null and b/static/img/social_cards/es_blog_toc.jpg differ
diff --git a/static/img/social_cards/es_projects.jpg b/static/img/social_cards/es_projects.jpg
new file mode 100644
index 00000000..d67a0a55
Binary files /dev/null and b/static/img/social_cards/es_projects.jpg differ
diff --git a/static/img/social_cards/index.jpg b/static/img/social_cards/index.jpg
new file mode 100644
index 00000000..3496ae7b
Binary files /dev/null and b/static/img/social_cards/index.jpg differ
diff --git a/static/img/social_cards/projects.jpg b/static/img/social_cards/projects.jpg
new file mode 100644
index 00000000..b7d94ea3
Binary files /dev/null and b/static/img/social_cards/projects.jpg differ
diff --git a/theme.toml b/theme.toml
index e54e05b1..35635ed5 100644
--- a/theme.toml
+++ b/theme.toml
@@ -107,11 +107,11 @@ separator = "•"
 # Compatibility: https://caniuse.com/link-icon-svg
 # favicon_emoji = "🌱"
 
-# Path to the fallback image for social media cards (the image shown when sharing a link on WhatsApp, LinkedIn…).
-# Read more: https://nikitahl.com/html-meta-tags-for-social-media
-# Using an image representative of each post is recommended. You can do so by setting this variable in the [extra] section of a post's front matter.
-# If a post doesn't have a social media card, the site's default, below, will be used.
-# social_media_card_path = ""
+# Path to the fallback image for social media cards (the preview image shown when sharing a link on WhatsApp, LinkedIn…).
+# Can be set at page or section levels, following the hierarchy: page > section > config. See: https://github.com/welpo/tabi/pull/128
+# Learn how to create these images in batch and automatically:
+# https://osc.garden/blog/automating-social-media-cards-zola/
+# social_media_card = "img/social_cards/index.jpg"
 
 menu = [
     { name = "blog", url = "blog", trailing_slash = true },