Translate content: Preview OG images in mint dev

es/optimize/seo.mdx

@@ -145,6 +145,19 @@ description: "Your page description"
   Configurar `og:image` en las metaetiquetas, ya sea globalmente o por página, reemplaza la vista previa social autogenerada con una imagen estática. Si quieres que Mintlify superponga automáticamente tu logo, el título de la página y la descripción sobre un fondo personalizado, usa [`thumbnails.background`](/es/organize/settings-appearance#param-thumbnails-background) en su lugar.
 </Note>
 
+<div id="preview-og-images-locally">
+  ### Previsualizar imágenes OG localmente
+</div>
+
+Cuando ejecutas [`mint dev`](/es/cli/preview), la previsualización local genera la imagen OG de cada página a partir de tus archivos locales. Abre `/_mintlify/og/<page-path>.png` en tu navegador para ver la imagen de una página. Usa `index.png` para tu página de inicio.
+
+```text Example preview URLs
+http://localhost:3000/_mintlify/og/guides/webhooks.png
+http://localhost:3000/_mintlify/og/index.png
+```
+
+La imagen se regenera en cada solicitud, así que actualiza el navegador para ver los cambios en tu `docs.json`, el frontmatter de la página o tu logo. La metaetiqueta `og:image` de cada página en la previsualización local apunta a su imagen generada, a menos que configures un `og:image` personalizado.
+
 <div id="global-meta-tags">
   ## Metadatos globales
 </div>

fr/optimize/seo.mdx

@@ -145,6 +145,19 @@ description: "Your page description"
   Définir `og:image` dans les balises meta, globalement ou par page, remplace l'aperçu social généré automatiquement par une image statique. Si vous souhaitez que Mintlify superpose automatiquement votre logo, le titre de la page et la description sur un arrière-plan personnalisé, utilisez [`thumbnails.background`](/fr/organize/settings-appearance#param-thumbnails-background) à la place.
 </Note>
 
+<div id="preview-og-images-locally">
+  ### Prévisualiser les images OG en local
+</div>
+
+Lorsque vous exécutez [`mint dev`](/fr/cli/preview), la prévisualisation locale génère l'image OG de chaque page à partir de vos fichiers locaux. Ouvrez `/_mintlify/og/<page-path>.png` dans votre navigateur pour voir l'image d'une page. Utilisez `index.png` pour votre page d'accueil.
+
+```text Example preview URLs
+http://localhost:3000/_mintlify/og/guides/webhooks.png
+http://localhost:3000/_mintlify/og/index.png
+```
+
+L'image est régénérée à chaque requête : actualisez le navigateur pour voir les modifications apportées à votre `docs.json`, au frontmatter de la page ou à votre logo. La balise meta `og:image` de chaque page dans la prévisualisation locale pointe vers son image générée, sauf si vous définissez un `og:image` personnalisé.
+
 <div id="global-meta-tags">
   ## Balises méta globales
 </div>

zh/optimize/seo.mdx

@@ -145,6 +145,19 @@ description: "Your page description"
   在 meta 标签中设置 `og:image`（无论是全局还是按页面），会用静态图片替换自动生成的社交预览。如果你希望 Mintlify 自动在自定义背景上叠加 logo、页面标题和描述，请使用 [`thumbnails.background`](/zh/organize/settings-appearance#param-thumbnails-background)。
 </Note>
 
+<div id="preview-og-images-locally">
+  ### 在本地预览 OG 图片
+</div>
+
+运行 [`mint dev`](/zh/cli/preview) 时，本地预览会根据你的本地文件为每个页面生成 OG 图片。在浏览器中打开 `/_mintlify/og/<page-path>.png` 即可查看某个页面的图片。首页请使用 `index.png`。
+
+```text Example preview URLs
+http://localhost:3000/_mintlify/og/guides/webhooks.png
+http://localhost:3000/_mintlify/og/index.png
+```
+
+图片会在每次请求时重新生成，因此修改 `docs.json`、页面 frontmatter 或 logo 后，刷新浏览器即可看到变化。本地预览中每个页面的 `og:image` meta 标签都指向其生成的图片，除非你设置了自定义的 `og:image`。
+
 <div id="global-meta-tags">
   ## 全局元标签
 </div>