diff --git a/docs/es/guide/components/preference.md b/docs/es/guide/components/preference.md
index cb651559..6c819028 100644
--- a/docs/es/guide/components/preference.md
+++ b/docs/es/guide/components/preference.md
@@ -9,11 +9,11 @@ Permite establecer el valor de un registro de manera predeterminada, el mismo se
 
 ## Versión ADempiere-ZK
 
-![Preferencia en Versión de Escritorio ZK](resources/zk-desktop-version-preference.png "Preferencia en Versión de Escritorio ZK")
+<img :src="$withBase('/images/components/preference/zk-desktop-version-preference.png')" alt="Preferencia en Versión de Escritorio ZK" width="250px">
 
 ## Versión ADempiere-Vue
 
-![Preferencia en Versión Móvil y de Escritorio](resources/preference-desktop-mobile.png "Preferencia en Versión Móvil y de Escritorio")
+<img :src="$withBase('/images/components/preference/preference-desktop-mobile.png')" alt="Preferencia en Versión Móvil y de Escritorio" width="250px">
 
 Al destildar alguno de los check indicados anteriormente, el comportamiento del componente consta en establecer dicho valor cuando se crea un registro nuevo. Ejemplo:
 
diff --git a/docs/guide/components/preference.md b/docs/guide/components/preference.md
index 4a9ce3ce..487513fc 100644
--- a/docs/guide/components/preference.md
+++ b/docs/guide/components/preference.md
@@ -8,11 +8,11 @@ Permite establecer el valor de un registro de manera predeterminada, el mismo se
   - **Check Ventana**: Establece el valor para todas las ventanas
 ## Versión ADempiere-ZK
 
-![Preferencia en Versión de Escritorio ZK](resources/zk-desktop-version-preference.png "Preferencia en Versión de Escritorio ZK")
+<img :src="$withBase('/images/components/preference/zk-desktop-version-preference.png')" alt="Preferencia en Versión de Escritorio ZK" width="250px">
 
 ## Versión ADempiere-Vue
 
-![Preferencia en Versión Móvil y de Escritorio](resources/preference-desktop-mobile.png "Preferencia en Versión Móvil y de Escritorio")
+<img :src="$withBase('/images/components/preference/preference-desktop-mobile.png')" alt="Preferencia en Versión Móvil y de Escritorio" width="250px">
 
 Al destildar alguno de los check indicados anteriormente, el comportamiento del componente consta en establecer dicho valor cuando se crea un registro nuevo. Ejemplo:
 
diff --git a/docs/zh/guide/components/preference.md b/docs/zh/guide/components/preference.md
index 73106d35..3b1bd98d 100644
--- a/docs/zh/guide/components/preference.md
+++ b/docs/zh/guide/components/preference.md
@@ -9,11 +9,19 @@
 
 ## ADempiere-ZK版本
 
-![ZK桌面版本首選項](resources/zk-desktop-version-preference.png "ZK桌面版本首選項")
+<img :src="$withBase('/images/components/preference/zk-desktop-version-preference.png')" alt="Preferencia en Versión de Escritorio ZK" width="250px">
+
+## Versión ADempiere-Vue
+
+<img :src="$withBase('/images/components/preference/preference-desktop-mobile.png')" alt="Preferencia en Versión Móvil y de Escritorio" width="250px">
+
+## ADempiere-ZK版本
+
+<img :src="$withBase('/images/components/preference/zk-desktop-version-preference.png')" alt="ZK桌面版本首選項" width="250px">
 
 ## ADempiere-Vue版本
 
-![移動和桌面版本首選項](resources/preference-desktop-mobile.png "移動和桌面版本首選項")
+<img :src="$withBase('/images/components/preference/preference-desktop-mobile.png')" alt="移動和桌面版本首選項" width="250px">
 
 通過取消選中上面指示的任何檢查，組件的行為在於在創建新記錄時設置所述值。例子：