diff --git a/docs/guides/integration-with-angular.md b/docs/guides/integration-with-angular.md
index 8100814..5aa5383 100644
--- a/docs/guides/integration-with-angular.md
+++ b/docs/guides/integration-with-angular.md
@@ -320,6 +320,6 @@ platformBrowserDynamic()
 
 Start the app to see Pivot render the data on the page.
 
-![DHTMLX Pivot rendered in an Angular application with sample data](../assets/trial_pivot.png)
+![DHTMLX Pivot rendered in an Angular application with sample data](/img/trial_pivot.png)
 
 Pivot is now integrated with Angular. Customize the configuration to suit the project requirements. For the final example, see [**angular-pivot-demo on GitHub**](https://github.com/DHTMLX/angular-pivot-demo).
diff --git a/docs/guides/integration-with-react.md b/docs/guides/integration-with-react.md
index 3937cff..7633564 100644
--- a/docs/guides/integration-with-react.md
+++ b/docs/guides/integration-with-react.md
@@ -284,6 +284,6 @@ useEffect(() => {
 
 Start the app to see Pivot render the data on the page.
 
-![DHTMLX Pivot rendered in a React application with sample data](../assets/trial_pivot.png)
+![DHTMLX Pivot rendered in a React application with sample data](/img/trial_pivot.png)
 
 Pivot is now integrated with React. Customize the configuration to suit the project requirements. For the final example, see [**react-pivot-demo on GitHub**](https://github.com/DHTMLX/react-pivot-demo).
diff --git a/docs/guides/integration-with-svelte.md b/docs/guides/integration-with-svelte.md
index d8f0ff8..2dd5e36 100644
--- a/docs/guides/integration-with-svelte.md
+++ b/docs/guides/integration-with-svelte.md
@@ -297,6 +297,6 @@ onDestroy(() => {
 
 Start the app to see Pivot render the data on the page.
 
-![DHTMLX Pivot rendered in a Svelte application with sample data](../assets/trial_pivot.png)
+![DHTMLX Pivot rendered in a Svelte application with sample data](/img/trial_pivot.png)
 
 Pivot is now integrated with Svelte. Customize the configuration to suit the project requirements. For the final example, see [**svelte-pivot-demo on GitHub**](https://github.com/DHTMLX/svelte-pivot-demo).
diff --git a/docs/guides/integration-with-vue.md b/docs/guides/integration-with-vue.md
index acc5033..dddc609 100644
--- a/docs/guides/integration-with-vue.md
+++ b/docs/guides/integration-with-vue.md
@@ -307,6 +307,6 @@ export default {
 
 Start the app to see Pivot render the data on the page.
 
-![DHTMLX Pivot rendered in a Vue application with sample data](../assets/trial_pivot.png)
+![DHTMLX Pivot rendered in a Vue application with sample data](/img/trial_pivot.png)
 
 Pivot is now integrated with Vue. Customize the configuration to suit the project requirements. For the final example, see [**vue-pivot-demo on GitHub**](https://github.com/DHTMLX/vue-pivot-demo).
diff --git a/docs/how-to-start.md b/docs/how-to-start.md
index 7690a52..39d3346 100644
--- a/docs/how-to-start.md
+++ b/docs/how-to-start.md
@@ -8,7 +8,7 @@ description: You can explore how to start working with DHTMLX Pivot in the docum
 
 This clear and comprehensive tutorial will guide your through the steps you need to take in order to get a full-functional Pivot on a page.
 
-![DHTMLX Pivot interface showing the Configuration panel and data table](/assets/pivot_main.png)
+![DHTMLX Pivot interface showing the Configuration panel and data table](/img/pivot-main.png)
 
 ## Step 1. Downloading and installing packages
 
diff --git a/docs/index.md b/docs/index.md
index 410f63a..3b105db 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -13,7 +13,7 @@ JavaScript Pivot library is a ready-made component for creating Pivot tables fro
 
 The Pivot UI consists of the two main components: the Configuration panel and the table with data.
 
-![DHTMLX Pivot interface showing the Configuration panel and data table](assets/pivot-main.png)
+![DHTMLX Pivot interface showing the Configuration panel and data table](/img/pivot-main.png)
 
 ## Configuration panel
 
@@ -25,7 +25,7 @@ The Configuration panel allows adding columns and rows to the table as well as v
 
 To hide the Configuration panel, click the **Hide Settings** button:
 
-![DHTMLX Pivot Configuration panel with the Values, Columns, and Rows areas](assets/config_panel.png)
+![DHTMLX Pivot Configuration panel with the Values, Columns, and Rows areas](/img/config_panel.png)
 
 ### Values area
 
@@ -66,15 +66,15 @@ To add a new field, in the required area, click the "+" button and select the na
 
 To remove an item, click the delete button ("x").
 
-![Adding and removing fields in the DHTMLX Pivot Configuration panel](assets/add_remove.png)
+![Adding and removing fields in the DHTMLX Pivot Configuration panel](/img/add_remove.png)
 
 To change the order of values/rows/columns in the table, drag an item to the desired position. The closer an item is to the left in the area's toolbar list, the higher its priority and position in the table.
 
-![Changing the order and priority of fields in a DHTMLX Pivot area](assets/priority.png)
+![Changing the order and priority of fields in a DHTMLX Pivot area](/img/priority.png)
 
 To set operations that will be applied to all data of the column of the table, in the **Values** area, click the value operation for the required field in the drop-down list, and select the required option from the list.
 
-![Selecting a data aggregation operation for a value field in DHTMLX Pivot](assets/operations.png)
+![Selecting a data aggregation operation for a value field in DHTMLX Pivot](/img/operations.png)
 
 ### Filters
 
@@ -86,13 +86,13 @@ Filters appear as drop-down lists for each field in all areas. The Pivot provide
 
 To filter data in the table, click the filter sign of one of the items in the required area, and then select the operator and set the value to filter by, and then click **Apply**. The fields to which filtering is applied will be marked with a special filter sign.
 
-![Filtering data of a field in DHTMLX Pivot](assets/filter.png)
+![Filtering data of a field in DHTMLX Pivot](/img/filter.png)
 
 ## Table
 
 Data in the table is displayed as configured in the Configuration panel. The **sorting** in columns is enabled by clicking the column header:
 
-![Sorting data by a column header in the DHTMLX Pivot table](assets/table.png)
+![Sorting data by a column header in the DHTMLX Pivot table](/img/table.png)
 
 ## What's next
 
diff --git a/i18n/de/docusaurus-plugin-content-docs/current/assets/add_remove.png b/i18n/de/docusaurus-plugin-content-docs/current/assets/add_remove.png
deleted file mode 100644
index 81dcb52..0000000
Binary files a/i18n/de/docusaurus-plugin-content-docs/current/assets/add_remove.png and /dev/null differ
diff --git a/i18n/de/docusaurus-plugin-content-docs/current/assets/apply_filter.png b/i18n/de/docusaurus-plugin-content-docs/current/assets/apply_filter.png
deleted file mode 100644
index 53905a7..0000000
Binary files a/i18n/de/docusaurus-plugin-content-docs/current/assets/apply_filter.png and /dev/null differ
diff --git a/i18n/de/docusaurus-plugin-content-docs/current/assets/config_panel.png b/i18n/de/docusaurus-plugin-content-docs/current/assets/config_panel.png
deleted file mode 100644
index 41b7568..0000000
Binary files a/i18n/de/docusaurus-plugin-content-docs/current/assets/config_panel.png and /dev/null differ
diff --git a/i18n/de/docusaurus-plugin-content-docs/current/assets/filter.png b/i18n/de/docusaurus-plugin-content-docs/current/assets/filter.png
deleted file mode 100644
index b4b1599..0000000
Binary files a/i18n/de/docusaurus-plugin-content-docs/current/assets/filter.png and /dev/null differ
diff --git a/i18n/de/docusaurus-plugin-content-docs/current/assets/filter_applied.png b/i18n/de/docusaurus-plugin-content-docs/current/assets/filter_applied.png
deleted file mode 100644
index 9ed7479..0000000
Binary files a/i18n/de/docusaurus-plugin-content-docs/current/assets/filter_applied.png and /dev/null differ
diff --git a/i18n/de/docusaurus-plugin-content-docs/current/assets/operations.png b/i18n/de/docusaurus-plugin-content-docs/current/assets/operations.png
deleted file mode 100644
index 80f6f79..0000000
Binary files a/i18n/de/docusaurus-plugin-content-docs/current/assets/operations.png and /dev/null differ
diff --git a/i18n/de/docusaurus-plugin-content-docs/current/assets/pivot-main.png b/i18n/de/docusaurus-plugin-content-docs/current/assets/pivot-main.png
deleted file mode 100644
index 5eaa953..0000000
Binary files a/i18n/de/docusaurus-plugin-content-docs/current/assets/pivot-main.png and /dev/null differ
diff --git a/i18n/de/docusaurus-plugin-content-docs/current/assets/priority.png b/i18n/de/docusaurus-plugin-content-docs/current/assets/priority.png
deleted file mode 100644
index a827e01..0000000
Binary files a/i18n/de/docusaurus-plugin-content-docs/current/assets/priority.png and /dev/null differ
diff --git a/i18n/de/docusaurus-plugin-content-docs/current/assets/table.png b/i18n/de/docusaurus-plugin-content-docs/current/assets/table.png
deleted file mode 100644
index f0fb3a9..0000000
Binary files a/i18n/de/docusaurus-plugin-content-docs/current/assets/table.png and /dev/null differ
diff --git a/i18n/de/docusaurus-plugin-content-docs/current/assets/trial_pivot.png b/i18n/de/docusaurus-plugin-content-docs/current/assets/trial_pivot.png
deleted file mode 100644
index f2e21cf..0000000
Binary files a/i18n/de/docusaurus-plugin-content-docs/current/assets/trial_pivot.png and /dev/null differ
diff --git a/i18n/de/docusaurus-plugin-content-docs/current/guides/integration-with-angular.md b/i18n/de/docusaurus-plugin-content-docs/current/guides/integration-with-angular.md
index e5bb836..2e933bf 100644
--- a/i18n/de/docusaurus-plugin-content-docs/current/guides/integration-with-angular.md
+++ b/i18n/de/docusaurus-plugin-content-docs/current/guides/integration-with-angular.md
@@ -320,6 +320,6 @@ platformBrowserDynamic()
 
 Starten Sie die App, um zu sehen, wie Pivot die Daten auf der Seite rendert.
 
-![In einer Angular-Anwendung gerendertes DHTMLX Pivot mit Beispieldaten](../assets/trial_pivot.png)
+![In einer Angular-Anwendung gerendertes DHTMLX Pivot mit Beispieldaten](/img/trial_pivot.png)
 
 Pivot ist nun in Angular integriert. Passen Sie die Konfiguration an die Anforderungen Ihres Projekts an. Das vollständige Beispiel finden Sie in der [**angular-pivot-demo auf GitHub**](https://github.com/DHTMLX/angular-pivot-demo).
diff --git a/i18n/de/docusaurus-plugin-content-docs/current/guides/integration-with-react.md b/i18n/de/docusaurus-plugin-content-docs/current/guides/integration-with-react.md
index 7b466c0..d19c060 100644
--- a/i18n/de/docusaurus-plugin-content-docs/current/guides/integration-with-react.md
+++ b/i18n/de/docusaurus-plugin-content-docs/current/guides/integration-with-react.md
@@ -284,6 +284,6 @@ useEffect(() => {
 
 Starten Sie die Anwendung, um zu sehen, wie Pivot die Daten auf der Seite rendert.
 
-![In einer React-Anwendung gerendertes DHTMLX Pivot mit Beispieldaten](../assets/trial_pivot.png)
+![In einer React-Anwendung gerendertes DHTMLX Pivot mit Beispieldaten](/img/trial_pivot.png)
 
 Pivot ist nun in React integriert. Passen Sie die Konfiguration an die Projektanforderungen an. Das vollständige Beispiel finden Sie in der [**react-pivot-demo auf GitHub**](https://github.com/DHTMLX/react-pivot-demo).
diff --git a/i18n/de/docusaurus-plugin-content-docs/current/guides/integration-with-svelte.md b/i18n/de/docusaurus-plugin-content-docs/current/guides/integration-with-svelte.md
index 6109521..51c4d61 100644
--- a/i18n/de/docusaurus-plugin-content-docs/current/guides/integration-with-svelte.md
+++ b/i18n/de/docusaurus-plugin-content-docs/current/guides/integration-with-svelte.md
@@ -297,6 +297,6 @@ onDestroy(() => {
 
 Starten Sie die App, um zu sehen, wie Pivot die Daten auf der Seite rendert.
 
-![In einer Svelte-Anwendung gerendertes DHTMLX Pivot mit Beispieldaten](../assets/trial_pivot.png)
+![In einer Svelte-Anwendung gerendertes DHTMLX Pivot mit Beispieldaten](/img/trial_pivot.png)
 
 Pivot ist nun in Svelte integriert. Passen Sie die Konfiguration an die Anforderungen Ihres Projekts an. Das vollständige Beispiel finden Sie in der [**svelte-pivot-demo auf GitHub**](https://github.com/DHTMLX/svelte-pivot-demo).
diff --git a/i18n/de/docusaurus-plugin-content-docs/current/guides/integration-with-vue.md b/i18n/de/docusaurus-plugin-content-docs/current/guides/integration-with-vue.md
index 302c786..40f232a 100644
--- a/i18n/de/docusaurus-plugin-content-docs/current/guides/integration-with-vue.md
+++ b/i18n/de/docusaurus-plugin-content-docs/current/guides/integration-with-vue.md
@@ -307,6 +307,6 @@ export default {
 
 Starten Sie die App, um zu sehen, wie Pivot die Daten auf der Seite rendert.
 
-![In einer Vue-Anwendung gerendertes DHTMLX Pivot mit Beispieldaten](../assets/trial_pivot.png)
+![In einer Vue-Anwendung gerendertes DHTMLX Pivot mit Beispieldaten](/img/trial_pivot.png)
 
 Pivot ist nun in Vue integriert. Passen Sie die Konfiguration an die Anforderungen Ihres Projekts an. Das vollständige Beispiel finden Sie in der [**vue-pivot-Demo auf GitHub**](https://github.com/DHTMLX/vue-pivot-demo).
diff --git a/i18n/de/docusaurus-plugin-content-docs/current/how-to-start.md b/i18n/de/docusaurus-plugin-content-docs/current/how-to-start.md
index a3f194b..805a827 100644
--- a/i18n/de/docusaurus-plugin-content-docs/current/how-to-start.md
+++ b/i18n/de/docusaurus-plugin-content-docs/current/how-to-start.md
@@ -8,7 +8,7 @@ description: Erfahren Sie, wie Sie mit DHTMLX Pivot arbeiten – in der Dokument
 
 Dieses klare und umfassende Tutorial führt Sie durch die Schritte, die erforderlich sind, um ein voll funktionsfähiges Pivot auf einer Seite einzurichten.
 
-![DHTMLX Pivot-Oberfläche mit Konfigurationsbereich und Datentabelle](/assets/pivot_main.png)
+![DHTMLX Pivot-Oberfläche mit Konfigurationsbereich und Datentabelle](/img/pivot-main.png)
 
 ## Schritt 1. Pakete herunterladen und installieren {#step-1-downloading-and-installing-packages}
 
diff --git a/i18n/de/docusaurus-plugin-content-docs/current/index.md b/i18n/de/docusaurus-plugin-content-docs/current/index.md
index 11cc605..af43002 100644
--- a/i18n/de/docusaurus-plugin-content-docs/current/index.md
+++ b/i18n/de/docusaurus-plugin-content-docs/current/index.md
@@ -13,7 +13,7 @@ Die JavaScript Pivot-Bibliothek ist eine fertige Komponente zur Erstellung von P
 
 Die Pivot-Oberfläche besteht aus zwei Hauptkomponenten: dem Konfigurationsbereich und der Datentabelle.
 
-![DHTMLX Pivot-Oberfläche mit Konfigurationsbereich und Datentabelle](assets/pivot-main.png)
+![DHTMLX Pivot-Oberfläche mit Konfigurationsbereich und Datentabelle](/img/pivot-main.png)
 
 ## Konfigurationsbereich {#configuration-panel}
 
@@ -25,7 +25,7 @@ Im Konfigurationsbereich können Sie der Tabelle Spalten und Zeilen sowie Wertef
 
 Um den Konfigurationsbereich auszublenden, klicken Sie auf die Schaltfläche **Einstellungen ausblenden**:
 
-![DHTMLX Pivot-Konfigurationsbereich mit den Bereichen Werte, Spalten und Zeilen](assets/config_panel.png)
+![DHTMLX Pivot-Konfigurationsbereich mit den Bereichen Werte, Spalten und Zeilen](/img/config_panel.png)
 
 ### Wertebereich {#values-area}
 
@@ -66,15 +66,15 @@ Um ein neues Feld hinzuzufügen, klicken Sie im gewünschten Bereich auf die Sch
 
 Um ein Element zu entfernen, klicken Sie auf die Löschen-Schaltfläche („x").
 
-![Felder im DHTMLX Pivot-Konfigurationsbereich hinzufügen und entfernen](assets/add_remove.png)
+![Felder im DHTMLX Pivot-Konfigurationsbereich hinzufügen und entfernen](/img/add_remove.png)
 
 Um die Reihenfolge von Werten, Zeilen oder Spalten in der Tabelle zu ändern, ziehen Sie ein Element an die gewünschte Position. Je weiter links sich ein Element in der Symbolleistenliste des Bereichs befindet, desto höher ist seine Priorität und Position in der Tabelle.
 
-![Reihenfolge und Priorität von Feldern in einem DHTMLX Pivot-Bereich ändern](assets/priority.png)
+![Reihenfolge und Priorität von Feldern in einem DHTMLX Pivot-Bereich ändern](/img/priority.png)
 
 Um Operationen festzulegen, die auf alle Daten einer Tabellenspalte angewendet werden, klicken Sie im **Wertebereich** auf die Wertoperation des gewünschten Felds in der Dropdown-Liste und wählen Sie die gewünschte Option aus der Liste aus.
 
-![Auswahl einer Datenaggregationsoperation für ein Wertefeld in DHTMLX Pivot](assets/operations.png)
+![Auswahl einer Datenaggregationsoperation für ein Wertefeld in DHTMLX Pivot](/img/operations.png)
 
 ### Filter {#filters}
 
@@ -86,13 +86,13 @@ Filter werden als Dropdown-Listen für jedes Feld in allen Bereichen angezeigt.
 
 Um Daten in der Tabelle zu filtern, klicken Sie auf das Filtersymbol eines der Elemente im gewünschten Bereich, wählen Sie dann den Operator aus, legen Sie den Filterwert fest und klicken Sie auf **Anwenden**. Felder, auf die eine Filterung angewendet wird, werden mit einem speziellen Filtersymbol markiert.
 
-![Filtern von Felddaten in DHTMLX Pivot](assets/filter.png)
+![Filtern von Felddaten in DHTMLX Pivot](/img/filter.png)
 
 ## Tabelle {#table}
 
 Die Daten in der Tabelle werden so angezeigt, wie sie im Konfigurationsbereich eingestellt wurden. Die **Sortierung** in Spalten wird durch Klicken auf den Spaltenheader aktiviert:
 
-![Sortieren von Daten nach Spaltenüberschrift in der DHTMLX Pivot-Tabelle](assets/table.png)
+![Sortieren von Daten nach Spaltenüberschrift in der DHTMLX Pivot-Tabelle](/img/table.png)
 
 ## Nächste Schritte {#whats-next}
 
diff --git a/i18n/ko/docusaurus-plugin-content-docs/current/assets/add_remove.png b/i18n/ko/docusaurus-plugin-content-docs/current/assets/add_remove.png
deleted file mode 100644
index 81dcb52..0000000
Binary files a/i18n/ko/docusaurus-plugin-content-docs/current/assets/add_remove.png and /dev/null differ
diff --git a/i18n/ko/docusaurus-plugin-content-docs/current/assets/apply_filter.png b/i18n/ko/docusaurus-plugin-content-docs/current/assets/apply_filter.png
deleted file mode 100644
index 53905a7..0000000
Binary files a/i18n/ko/docusaurus-plugin-content-docs/current/assets/apply_filter.png and /dev/null differ
diff --git a/i18n/ko/docusaurus-plugin-content-docs/current/assets/config_panel.png b/i18n/ko/docusaurus-plugin-content-docs/current/assets/config_panel.png
deleted file mode 100644
index 41b7568..0000000
Binary files a/i18n/ko/docusaurus-plugin-content-docs/current/assets/config_panel.png and /dev/null differ
diff --git a/i18n/ko/docusaurus-plugin-content-docs/current/assets/filter.png b/i18n/ko/docusaurus-plugin-content-docs/current/assets/filter.png
deleted file mode 100644
index b4b1599..0000000
Binary files a/i18n/ko/docusaurus-plugin-content-docs/current/assets/filter.png and /dev/null differ
diff --git a/i18n/ko/docusaurus-plugin-content-docs/current/assets/filter_applied.png b/i18n/ko/docusaurus-plugin-content-docs/current/assets/filter_applied.png
deleted file mode 100644
index 9ed7479..0000000
Binary files a/i18n/ko/docusaurus-plugin-content-docs/current/assets/filter_applied.png and /dev/null differ
diff --git a/i18n/ko/docusaurus-plugin-content-docs/current/assets/operations.png b/i18n/ko/docusaurus-plugin-content-docs/current/assets/operations.png
deleted file mode 100644
index 80f6f79..0000000
Binary files a/i18n/ko/docusaurus-plugin-content-docs/current/assets/operations.png and /dev/null differ
diff --git a/i18n/ko/docusaurus-plugin-content-docs/current/assets/pivot-main.png b/i18n/ko/docusaurus-plugin-content-docs/current/assets/pivot-main.png
deleted file mode 100644
index 5eaa953..0000000
Binary files a/i18n/ko/docusaurus-plugin-content-docs/current/assets/pivot-main.png and /dev/null differ
diff --git a/i18n/ko/docusaurus-plugin-content-docs/current/assets/priority.png b/i18n/ko/docusaurus-plugin-content-docs/current/assets/priority.png
deleted file mode 100644
index a827e01..0000000
Binary files a/i18n/ko/docusaurus-plugin-content-docs/current/assets/priority.png and /dev/null differ
diff --git a/i18n/ko/docusaurus-plugin-content-docs/current/assets/table.png b/i18n/ko/docusaurus-plugin-content-docs/current/assets/table.png
deleted file mode 100644
index f0fb3a9..0000000
Binary files a/i18n/ko/docusaurus-plugin-content-docs/current/assets/table.png and /dev/null differ
diff --git a/i18n/ko/docusaurus-plugin-content-docs/current/assets/trial_pivot.png b/i18n/ko/docusaurus-plugin-content-docs/current/assets/trial_pivot.png
deleted file mode 100644
index f2e21cf..0000000
Binary files a/i18n/ko/docusaurus-plugin-content-docs/current/assets/trial_pivot.png and /dev/null differ
diff --git a/i18n/ko/docusaurus-plugin-content-docs/current/guides/integration-with-angular.md b/i18n/ko/docusaurus-plugin-content-docs/current/guides/integration-with-angular.md
index a920202..e4f76fb 100644
--- a/i18n/ko/docusaurus-plugin-content-docs/current/guides/integration-with-angular.md
+++ b/i18n/ko/docusaurus-plugin-content-docs/current/guides/integration-with-angular.md
@@ -320,6 +320,6 @@ platformBrowserDynamic()
 
 앱을 시작하면 Pivot이 페이지에 데이터를 렌더링하는 것을 확인할 수 있습니다.
 
-![샘플 데이터와 함께 Angular 애플리케이션에 렌더링된 DHTMLX Pivot](../assets/trial_pivot.png)
+![샘플 데이터와 함께 Angular 애플리케이션에 렌더링된 DHTMLX Pivot](/img/trial_pivot.png)
 
 이제 Pivot이 Angular와 통합되었습니다. 프로젝트 요구 사항에 맞게 구성을 커스터마이즈하세요. 최종 예제는 [**GitHub의 angular-pivot-demo**](https://github.com/DHTMLX/angular-pivot-demo)를 참조하세요.
diff --git a/i18n/ko/docusaurus-plugin-content-docs/current/guides/integration-with-react.md b/i18n/ko/docusaurus-plugin-content-docs/current/guides/integration-with-react.md
index e5b97da..11a8e25 100644
--- a/i18n/ko/docusaurus-plugin-content-docs/current/guides/integration-with-react.md
+++ b/i18n/ko/docusaurus-plugin-content-docs/current/guides/integration-with-react.md
@@ -284,6 +284,6 @@ useEffect(() => {
 
 앱을 시작하면 페이지에 Pivot이 데이터를 렌더링하는 것을 확인할 수 있습니다.
 
-![샘플 데이터와 함께 React 애플리케이션에 렌더링된 DHTMLX Pivot](../assets/trial_pivot.png)
+![샘플 데이터와 함께 React 애플리케이션에 렌더링된 DHTMLX Pivot](/img/trial_pivot.png)
 
 이제 Pivot이 React와 통합되었습니다. 프로젝트 요구 사항에 맞게 설정을 사용자 정의하세요. 최종 예제는 [**GitHub의 react-pivot-demo**](https://github.com/DHTMLX/react-pivot-demo)를 참고하세요.
diff --git a/i18n/ko/docusaurus-plugin-content-docs/current/guides/integration-with-svelte.md b/i18n/ko/docusaurus-plugin-content-docs/current/guides/integration-with-svelte.md
index bb7e469..1ef4421 100644
--- a/i18n/ko/docusaurus-plugin-content-docs/current/guides/integration-with-svelte.md
+++ b/i18n/ko/docusaurus-plugin-content-docs/current/guides/integration-with-svelte.md
@@ -297,6 +297,6 @@ onDestroy(() => {
 
 앱을 시작하면 Pivot이 페이지에 데이터를 렌더링하는 것을 확인할 수 있습니다.
 
-![샘플 데이터와 함께 Svelte 애플리케이션에 렌더링된 DHTMLX Pivot](../assets/trial_pivot.png)
+![샘플 데이터와 함께 Svelte 애플리케이션에 렌더링된 DHTMLX Pivot](/img/trial_pivot.png)
 
 이제 Pivot이 Svelte와 통합되었습니다. 프로젝트 요구사항에 맞게 설정을 커스터마이즈하세요. 최종 예제는 [**GitHub의 svelte-pivot-demo**](https://github.com/DHTMLX/svelte-pivot-demo)를 참조하세요.
diff --git a/i18n/ko/docusaurus-plugin-content-docs/current/guides/integration-with-vue.md b/i18n/ko/docusaurus-plugin-content-docs/current/guides/integration-with-vue.md
index 44941f4..632fd2f 100644
--- a/i18n/ko/docusaurus-plugin-content-docs/current/guides/integration-with-vue.md
+++ b/i18n/ko/docusaurus-plugin-content-docs/current/guides/integration-with-vue.md
@@ -307,6 +307,6 @@ export default {
 
 앱을 시작하면 페이지에서 Pivot이 데이터를 렌더링하는 것을 확인할 수 있습니다.
 
-![샘플 데이터와 함께 Vue 애플리케이션에 렌더링된 DHTMLX Pivot](../assets/trial_pivot.png)
+![샘플 데이터와 함께 Vue 애플리케이션에 렌더링된 DHTMLX Pivot](/img/trial_pivot.png)
 
 이제 Pivot이 Vue와 통합되었습니다. 프로젝트 요구 사항에 맞게 구성을 사용자 정의하세요. 최종 예제는 [**GitHub의 vue-pivot-demo**](https://github.com/DHTMLX/vue-pivot-demo)를 참고하세요.
diff --git a/i18n/ko/docusaurus-plugin-content-docs/current/how-to-start.md b/i18n/ko/docusaurus-plugin-content-docs/current/how-to-start.md
index 82f6257..09a1b49 100644
--- a/i18n/ko/docusaurus-plugin-content-docs/current/how-to-start.md
+++ b/i18n/ko/docusaurus-plugin-content-docs/current/how-to-start.md
@@ -8,7 +8,7 @@ description: DHTMLX JavaScript Pivot 라이브러리 문서에서 DHTMLX Pivot 
 
 이 명확하고 포괄적인 튜토리얼은 페이지에 완전한 기능을 갖춘 Pivot를 구성하기 위해 필요한 단계를 안내합니다.
 
-![구성 패널과 데이터 테이블을 보여주는 DHTMLX Pivot 인터페이스](/assets/pivot_main.png)
+![구성 패널과 데이터 테이블을 보여주는 DHTMLX Pivot 인터페이스](/img/pivot-main.png)
 
 ## 1단계. 패키지 다운로드 및 설치 {#step-1-downloading-and-installing-packages}
 
diff --git a/i18n/ko/docusaurus-plugin-content-docs/current/index.md b/i18n/ko/docusaurus-plugin-content-docs/current/index.md
index e374629..7f638ee 100644
--- a/i18n/ko/docusaurus-plugin-content-docs/current/index.md
+++ b/i18n/ko/docusaurus-plugin-content-docs/current/index.md
@@ -13,7 +13,7 @@ JavaScript Pivot 라이브러리는 대용량 데이터셋으로 피벗 테이
 
 Pivot UI는 구성 패널과 데이터 테이블, 두 가지 주요 컴포넌트로 구성됩니다.
 
-![구성 패널과 데이터 테이블을 보여주는 DHTMLX Pivot 인터페이스](assets/pivot-main.png)
+![구성 패널과 데이터 테이블을 보여주는 DHTMLX Pivot 인터페이스](/img/pivot-main.png)
 
 ## 구성 패널 {#configuration-panel}
 
@@ -25,7 +25,7 @@ Pivot UI는 구성 패널과 데이터 테이블, 두 가지 주요 컴포넌트
 
 구성 패널을 숨기려면 **설정 숨기기** 버튼을 클릭하십시오:
 
-![Values, Columns, Rows 영역이 있는 DHTMLX Pivot 구성 패널](assets/config_panel.png)
+![Values, Columns, Rows 영역이 있는 DHTMLX Pivot 구성 패널](/img/config_panel.png)
 
 ### Values 영역 {#values-area}
 
@@ -66,15 +66,15 @@ Pivot UI는 구성 패널과 데이터 테이블, 두 가지 주요 컴포넌트
 
 항목을 제거하려면 삭제 버튼("x")을 클릭하십시오.
 
-![DHTMLX Pivot 구성 패널에서 필드 추가 및 제거](assets/add_remove.png)
+![DHTMLX Pivot 구성 패널에서 필드 추가 및 제거](/img/add_remove.png)
 
 테이블에서 값/행/열의 순서를 변경하려면 항목을 원하는 위치로 드래그하십시오. 영역 툴바 목록에서 항목이 왼쪽에 위치할수록 테이블 내 우선순위와 위치가 높아집니다.
 
-![DHTMLX Pivot 영역에서 필드의 순서와 우선순위 변경](assets/priority.png)
+![DHTMLX Pivot 영역에서 필드의 순서와 우선순위 변경](/img/priority.png)
 
 테이블 열의 모든 데이터에 적용할 연산을 설정하려면 **Values** 영역에서 원하는 필드의 값 연산을 클릭한 후 목록에서 필요한 옵션을 선택하십시오.
 
-![DHTMLX Pivot에서 값 필드의 데이터 집계 연산 선택](assets/operations.png)
+![DHTMLX Pivot에서 값 필드의 데이터 집계 연산 선택](/img/operations.png)
 
 ### 필터 {#filters}
 
@@ -86,13 +86,13 @@ Pivot UI는 구성 패널과 데이터 테이블, 두 가지 주요 컴포넌트
 
 테이블에서 데이터를 필터링하려면 원하는 영역의 항목에서 필터 아이콘을 클릭한 후 연산자를 선택하고 필터링 기준값을 설정한 다음 **적용**을 클릭하십시오. 필터링이 적용된 필드에는 특별한 필터 아이콘이 표시됩니다.
 
-![DHTMLX Pivot에서 필드 데이터 필터링](assets/filter.png)
+![DHTMLX Pivot에서 필드 데이터 필터링](/img/filter.png)
 
 ## 테이블 {#table}
 
 테이블의 데이터는 구성 패널에서 설정한 대로 표시됩니다. 열 헤더를 클릭하면 열 **정렬**이 활성화됩니다:
 
-![DHTMLX Pivot 테이블에서 열 헤더 기준으로 데이터 정렬](assets/table.png)
+![DHTMLX Pivot 테이블에서 열 헤더 기준으로 데이터 정렬](/img/table.png)
 
 ## 다음 단계 {#whats-next}
 
diff --git a/i18n/ru/docusaurus-plugin-content-docs/current/assets/add_remove.png b/i18n/ru/docusaurus-plugin-content-docs/current/assets/add_remove.png
deleted file mode 100644
index 81dcb52..0000000
Binary files a/i18n/ru/docusaurus-plugin-content-docs/current/assets/add_remove.png and /dev/null differ
diff --git a/i18n/ru/docusaurus-plugin-content-docs/current/assets/apply_filter.png b/i18n/ru/docusaurus-plugin-content-docs/current/assets/apply_filter.png
deleted file mode 100644
index 53905a7..0000000
Binary files a/i18n/ru/docusaurus-plugin-content-docs/current/assets/apply_filter.png and /dev/null differ
diff --git a/i18n/ru/docusaurus-plugin-content-docs/current/assets/config_panel.png b/i18n/ru/docusaurus-plugin-content-docs/current/assets/config_panel.png
deleted file mode 100644
index 41b7568..0000000
Binary files a/i18n/ru/docusaurus-plugin-content-docs/current/assets/config_panel.png and /dev/null differ
diff --git a/i18n/ru/docusaurus-plugin-content-docs/current/assets/filter.png b/i18n/ru/docusaurus-plugin-content-docs/current/assets/filter.png
deleted file mode 100644
index b4b1599..0000000
Binary files a/i18n/ru/docusaurus-plugin-content-docs/current/assets/filter.png and /dev/null differ
diff --git a/i18n/ru/docusaurus-plugin-content-docs/current/assets/filter_applied.png b/i18n/ru/docusaurus-plugin-content-docs/current/assets/filter_applied.png
deleted file mode 100644
index 9ed7479..0000000
Binary files a/i18n/ru/docusaurus-plugin-content-docs/current/assets/filter_applied.png and /dev/null differ
diff --git a/i18n/ru/docusaurus-plugin-content-docs/current/assets/operations.png b/i18n/ru/docusaurus-plugin-content-docs/current/assets/operations.png
deleted file mode 100644
index 80f6f79..0000000
Binary files a/i18n/ru/docusaurus-plugin-content-docs/current/assets/operations.png and /dev/null differ
diff --git a/i18n/ru/docusaurus-plugin-content-docs/current/assets/pivot-main.png b/i18n/ru/docusaurus-plugin-content-docs/current/assets/pivot-main.png
deleted file mode 100644
index 5eaa953..0000000
Binary files a/i18n/ru/docusaurus-plugin-content-docs/current/assets/pivot-main.png and /dev/null differ
diff --git a/i18n/ru/docusaurus-plugin-content-docs/current/assets/priority.png b/i18n/ru/docusaurus-plugin-content-docs/current/assets/priority.png
deleted file mode 100644
index a827e01..0000000
Binary files a/i18n/ru/docusaurus-plugin-content-docs/current/assets/priority.png and /dev/null differ
diff --git a/i18n/ru/docusaurus-plugin-content-docs/current/assets/table.png b/i18n/ru/docusaurus-plugin-content-docs/current/assets/table.png
deleted file mode 100644
index f0fb3a9..0000000
Binary files a/i18n/ru/docusaurus-plugin-content-docs/current/assets/table.png and /dev/null differ
diff --git a/i18n/ru/docusaurus-plugin-content-docs/current/assets/trial_pivot.png b/i18n/ru/docusaurus-plugin-content-docs/current/assets/trial_pivot.png
deleted file mode 100644
index f2e21cf..0000000
Binary files a/i18n/ru/docusaurus-plugin-content-docs/current/assets/trial_pivot.png and /dev/null differ
diff --git a/i18n/ru/docusaurus-plugin-content-docs/current/guides/integration-with-angular.md b/i18n/ru/docusaurus-plugin-content-docs/current/guides/integration-with-angular.md
index 0002c70..af4416b 100644
--- a/i18n/ru/docusaurus-plugin-content-docs/current/guides/integration-with-angular.md
+++ b/i18n/ru/docusaurus-plugin-content-docs/current/guides/integration-with-angular.md
@@ -320,6 +320,6 @@ platformBrowserDynamic()
 
 Запустите приложение, чтобы увидеть отрисовку данных в Pivot на странице.
 
-![DHTMLX Pivot, отрендеренный в приложении Angular с демонстрационными данными](../assets/trial_pivot.png)
+![DHTMLX Pivot, отрендеренный в приложении Angular с демонстрационными данными](/img/trial_pivot.png)
 
 Pivot теперь интегрирован с Angular. Настройте конфигурацию в соответствии с требованиями проекта. Итоговый пример см. в [**angular-pivot-demo на GitHub**](https://github.com/DHTMLX/angular-pivot-demo).
diff --git a/i18n/ru/docusaurus-plugin-content-docs/current/guides/integration-with-react.md b/i18n/ru/docusaurus-plugin-content-docs/current/guides/integration-with-react.md
index 10b7003..2fb5a24 100644
--- a/i18n/ru/docusaurus-plugin-content-docs/current/guides/integration-with-react.md
+++ b/i18n/ru/docusaurus-plugin-content-docs/current/guides/integration-with-react.md
@@ -284,6 +284,6 @@ useEffect(() => {
 
 Запустите приложение, чтобы увидеть, как Pivot отображает данные на странице.
 
-![DHTMLX Pivot, отрендеренный в приложении React с демонстрационными данными](../assets/trial_pivot.png)
+![DHTMLX Pivot, отрендеренный в приложении React с демонстрационными данными](/img/trial_pivot.png)
 
 Pivot теперь интегрирован с React. Настройте конфигурацию под требования проекта. Готовый пример см. в [**react-pivot-demo на GitHub**](https://github.com/DHTMLX/react-pivot-demo).
diff --git a/i18n/ru/docusaurus-plugin-content-docs/current/guides/integration-with-svelte.md b/i18n/ru/docusaurus-plugin-content-docs/current/guides/integration-with-svelte.md
index 7042e3f..a22eecd 100644
--- a/i18n/ru/docusaurus-plugin-content-docs/current/guides/integration-with-svelte.md
+++ b/i18n/ru/docusaurus-plugin-content-docs/current/guides/integration-with-svelte.md
@@ -297,6 +297,6 @@ onDestroy(() => {
 
 Запустите приложение, чтобы увидеть, как Pivot отображает данные на странице.
 
-![DHTMLX Pivot, отрендеренный в приложении Svelte с демонстрационными данными](../assets/trial_pivot.png)
+![DHTMLX Pivot, отрендеренный в приложении Svelte с демонстрационными данными](/img/trial_pivot.png)
 
 Pivot теперь интегрирован со Svelte. Настройте конфигурацию в соответствии с требованиями проекта. Финальный пример см. на [**svelte-pivot-demo на GitHub**](https://github.com/DHTMLX/svelte-pivot-demo).
diff --git a/i18n/ru/docusaurus-plugin-content-docs/current/guides/integration-with-vue.md b/i18n/ru/docusaurus-plugin-content-docs/current/guides/integration-with-vue.md
index b2342bc..57289de 100644
--- a/i18n/ru/docusaurus-plugin-content-docs/current/guides/integration-with-vue.md
+++ b/i18n/ru/docusaurus-plugin-content-docs/current/guides/integration-with-vue.md
@@ -307,6 +307,6 @@ export default {
 
 Запустите приложение, чтобы увидеть, как Pivot отображает данные на странице.
 
-![DHTMLX Pivot, отрендеренный в приложении Vue с демонстрационными данными](../assets/trial_pivot.png)
+![DHTMLX Pivot, отрендеренный в приложении Vue с демонстрационными данными](/img/trial_pivot.png)
 
 Pivot теперь интегрирован с Vue. Настройте конфигурацию в соответствии с требованиями проекта. Финальный пример см. в [**vue-pivot-demo на GitHub**](https://github.com/DHTMLX/vue-pivot-demo).
diff --git a/i18n/ru/docusaurus-plugin-content-docs/current/how-to-start.md b/i18n/ru/docusaurus-plugin-content-docs/current/how-to-start.md
index 1ea2c1c..49a45cb 100644
--- a/i18n/ru/docusaurus-plugin-content-docs/current/how-to-start.md
+++ b/i18n/ru/docusaurus-plugin-content-docs/current/how-to-start.md
@@ -8,7 +8,7 @@ description: Вы можете узнать, как начать работу с
 
 Это понятное и подробное руководство проведёт вас через все шаги, необходимые для размещения полнофункционального Pivot на странице.
 
-![Интерфейс DHTMLX Pivot: панель настройки и таблица с данными](/assets/pivot_main.png)
+![Интерфейс DHTMLX Pivot: панель настройки и таблица с данными](/img/pivot-main.png)
 
 ## Шаг 1. Загрузка и установка пакетов {#step-1-downloading-and-installing-packages}
 
diff --git a/i18n/ru/docusaurus-plugin-content-docs/current/index.md b/i18n/ru/docusaurus-plugin-content-docs/current/index.md
index 10a48b4..14fd1e2 100644
--- a/i18n/ru/docusaurus-plugin-content-docs/current/index.md
+++ b/i18n/ru/docusaurus-plugin-content-docs/current/index.md
@@ -13,7 +13,7 @@ JavaScript Pivot — готовый компонент для создания 
 
 Интерфейс Pivot состоит из двух основных компонентов: панели настройки и таблицы с данными.
 
-![Интерфейс DHTMLX Pivot: панель настройки и таблица с данными](assets/pivot-main.png)
+![Интерфейс DHTMLX Pivot: панель настройки и таблица с данными](/img/pivot-main.png)
 
 ## Панель настройки {#configuration-panel}
 
@@ -25,7 +25,7 @@ JavaScript Pivot — готовый компонент для создания 
 
 Чтобы скрыть панель настройки, нажмите кнопку **Hide Settings**:
 
-![Панель настройки DHTMLX Pivot с областями значений, столбцов и строк](assets/config_panel.png)
+![Панель настройки DHTMLX Pivot с областями значений, столбцов и строк](/img/config_panel.png)
 
 ### Область значений {#values-area}
 
@@ -66,15 +66,15 @@ JavaScript Pivot — готовый компонент для создания 
 
 Чтобы удалить элемент, нажмите кнопку удаления («x»).
 
-![Добавление и удаление полей в панели настройки DHTMLX Pivot](assets/add_remove.png)
+![Добавление и удаление полей в панели настройки DHTMLX Pivot](/img/add_remove.png)
 
 Чтобы изменить порядок значений/строк/столбцов в таблице, перетащите элемент на нужную позицию. Чем левее элемент расположен в панели инструментов области, тем выше его приоритет и позиция в таблице.
 
-![Изменение порядка и приоритета полей в области DHTMLX Pivot](assets/priority.png)
+![Изменение порядка и приоритета полей в области DHTMLX Pivot](/img/priority.png)
 
 Чтобы задать операции, применяемые ко всем данным столбца таблицы, в области **Values** нажмите на операцию для нужного поля в выпадающем списке и выберите требуемый вариант.
 
-![Выбор операции агрегации данных для поля значения в DHTMLX Pivot](assets/operations.png)
+![Выбор операции агрегации данных для поля значения в DHTMLX Pivot](/img/operations.png)
 
 ### Фильтры {#filters}
 
@@ -86,13 +86,13 @@ JavaScript Pivot — готовый компонент для создания 
 
 Чтобы отфильтровать данные в таблице, нажмите на значок фильтра нужного элемента в требуемой области, затем выберите оператор, задайте значение для фильтрации и нажмите **Apply**. Поля, к которым применена фильтрация, будут отмечены специальным значком фильтра.
 
-![Фильтрация данных поля в DHTMLX Pivot](assets/filter.png)
+![Фильтрация данных поля в DHTMLX Pivot](/img/filter.png)
 
 ## Таблица {#table}
 
 Данные в таблице отображаются в соответствии с настройками, заданными в панели настройки. **Сортировка** по столбцам включается нажатием на заголовок столбца:
 
-![Сортировка данных по заголовку столбца в таблице DHTMLX Pivot](assets/table.png)
+![Сортировка данных по заголовку столбца в таблице DHTMLX Pivot](/img/table.png)
 
 ## Что дальше {#whats-next}
 
diff --git a/i18n/zh/docusaurus-plugin-content-docs/current/assets/add_remove.png b/i18n/zh/docusaurus-plugin-content-docs/current/assets/add_remove.png
deleted file mode 100644
index 81dcb52..0000000
Binary files a/i18n/zh/docusaurus-plugin-content-docs/current/assets/add_remove.png and /dev/null differ
diff --git a/i18n/zh/docusaurus-plugin-content-docs/current/assets/apply_filter.png b/i18n/zh/docusaurus-plugin-content-docs/current/assets/apply_filter.png
deleted file mode 100644
index 53905a7..0000000
Binary files a/i18n/zh/docusaurus-plugin-content-docs/current/assets/apply_filter.png and /dev/null differ
diff --git a/i18n/zh/docusaurus-plugin-content-docs/current/assets/config_panel.png b/i18n/zh/docusaurus-plugin-content-docs/current/assets/config_panel.png
deleted file mode 100644
index 41b7568..0000000
Binary files a/i18n/zh/docusaurus-plugin-content-docs/current/assets/config_panel.png and /dev/null differ
diff --git a/i18n/zh/docusaurus-plugin-content-docs/current/assets/filter.png b/i18n/zh/docusaurus-plugin-content-docs/current/assets/filter.png
deleted file mode 100644
index b4b1599..0000000
Binary files a/i18n/zh/docusaurus-plugin-content-docs/current/assets/filter.png and /dev/null differ
diff --git a/i18n/zh/docusaurus-plugin-content-docs/current/assets/filter_applied.png b/i18n/zh/docusaurus-plugin-content-docs/current/assets/filter_applied.png
deleted file mode 100644
index 9ed7479..0000000
Binary files a/i18n/zh/docusaurus-plugin-content-docs/current/assets/filter_applied.png and /dev/null differ
diff --git a/i18n/zh/docusaurus-plugin-content-docs/current/assets/operations.png b/i18n/zh/docusaurus-plugin-content-docs/current/assets/operations.png
deleted file mode 100644
index 80f6f79..0000000
Binary files a/i18n/zh/docusaurus-plugin-content-docs/current/assets/operations.png and /dev/null differ
diff --git a/i18n/zh/docusaurus-plugin-content-docs/current/assets/pivot-main.png b/i18n/zh/docusaurus-plugin-content-docs/current/assets/pivot-main.png
deleted file mode 100644
index 5eaa953..0000000
Binary files a/i18n/zh/docusaurus-plugin-content-docs/current/assets/pivot-main.png and /dev/null differ
diff --git a/i18n/zh/docusaurus-plugin-content-docs/current/assets/priority.png b/i18n/zh/docusaurus-plugin-content-docs/current/assets/priority.png
deleted file mode 100644
index a827e01..0000000
Binary files a/i18n/zh/docusaurus-plugin-content-docs/current/assets/priority.png and /dev/null differ
diff --git a/i18n/zh/docusaurus-plugin-content-docs/current/assets/table.png b/i18n/zh/docusaurus-plugin-content-docs/current/assets/table.png
deleted file mode 100644
index f0fb3a9..0000000
Binary files a/i18n/zh/docusaurus-plugin-content-docs/current/assets/table.png and /dev/null differ
diff --git a/i18n/zh/docusaurus-plugin-content-docs/current/assets/trial_pivot.png b/i18n/zh/docusaurus-plugin-content-docs/current/assets/trial_pivot.png
deleted file mode 100644
index f2e21cf..0000000
Binary files a/i18n/zh/docusaurus-plugin-content-docs/current/assets/trial_pivot.png and /dev/null differ
diff --git a/i18n/zh/docusaurus-plugin-content-docs/current/guides/integration-with-angular.md b/i18n/zh/docusaurus-plugin-content-docs/current/guides/integration-with-angular.md
index 22f1e4c..4aed09e 100644
--- a/i18n/zh/docusaurus-plugin-content-docs/current/guides/integration-with-angular.md
+++ b/i18n/zh/docusaurus-plugin-content-docs/current/guides/integration-with-angular.md
@@ -320,6 +320,6 @@ platformBrowserDynamic()
 
 启动应用，查看 Pivot 在页面上渲染数据的效果。
 
-![在 Angular 应用程序中渲染的 DHTMLX Pivot（含示例数据）](../assets/trial_pivot.png)
+![在 Angular 应用程序中渲染的 DHTMLX Pivot（含示例数据）](/img/trial_pivot.png)
 
 Pivot 现已与 Angular 集成完毕。您可以根据项目需求自定义配置。完整示例请参见 [**GitHub 上的 angular-pivot-demo**](https://github.com/DHTMLX/angular-pivot-demo)。
diff --git a/i18n/zh/docusaurus-plugin-content-docs/current/guides/integration-with-react.md b/i18n/zh/docusaurus-plugin-content-docs/current/guides/integration-with-react.md
index bb2b94f..9f4fc6b 100644
--- a/i18n/zh/docusaurus-plugin-content-docs/current/guides/integration-with-react.md
+++ b/i18n/zh/docusaurus-plugin-content-docs/current/guides/integration-with-react.md
@@ -284,6 +284,6 @@ useEffect(() => {
 
 启动应用，即可看到 Pivot 在页面上渲染数据。
 
-![在 React 应用程序中渲染的 DHTMLX Pivot（含示例数据）](../assets/trial_pivot.png)
+![在 React 应用程序中渲染的 DHTMLX Pivot（含示例数据）](/img/trial_pivot.png)
 
 Pivot 现已成功与 React 集成。可根据项目需求自定义配置。完整示例请参见 [**GitHub 上的 react-pivot-demo**](https://github.com/DHTMLX/react-pivot-demo)。
diff --git a/i18n/zh/docusaurus-plugin-content-docs/current/guides/integration-with-svelte.md b/i18n/zh/docusaurus-plugin-content-docs/current/guides/integration-with-svelte.md
index 7284ba9..331d59b 100644
--- a/i18n/zh/docusaurus-plugin-content-docs/current/guides/integration-with-svelte.md
+++ b/i18n/zh/docusaurus-plugin-content-docs/current/guides/integration-with-svelte.md
@@ -297,6 +297,6 @@ onDestroy(() => {
 
 启动应用，即可看到 Pivot 在页面上渲染数据。
 
-![在 Svelte 应用程序中渲染的 DHTMLX Pivot（含示例数据）](../assets/trial_pivot.png)
+![在 Svelte 应用程序中渲染的 DHTMLX Pivot（含示例数据）](/img/trial_pivot.png)
 
 Pivot 现已与 Svelte 集成完成。您可以根据项目需求自定义配置。完整示例请参见 [**GitHub 上的 svelte-pivot-demo**](https://github.com/DHTMLX/svelte-pivot-demo)。
diff --git a/i18n/zh/docusaurus-plugin-content-docs/current/guides/integration-with-vue.md b/i18n/zh/docusaurus-plugin-content-docs/current/guides/integration-with-vue.md
index 3178f4a..f6d92cd 100644
--- a/i18n/zh/docusaurus-plugin-content-docs/current/guides/integration-with-vue.md
+++ b/i18n/zh/docusaurus-plugin-content-docs/current/guides/integration-with-vue.md
@@ -307,6 +307,6 @@ export default {
 
 启动应用，即可看到 Pivot 在页面上渲染数据。
 
-![在 Vue 应用程序中渲染的 DHTMLX Pivot（含示例数据）](../assets/trial_pivot.png)
+![在 Vue 应用程序中渲染的 DHTMLX Pivot（含示例数据）](/img/trial_pivot.png)
 
 Pivot 现已与 Vue 完成集成。您可以根据项目需求自定义配置。完整示例请参见 [**GitHub 上的 vue-pivot-demo**](https://github.com/DHTMLX/vue-pivot-demo)。
diff --git a/i18n/zh/docusaurus-plugin-content-docs/current/how-to-start.md b/i18n/zh/docusaurus-plugin-content-docs/current/how-to-start.md
index 3019a54..8129b8a 100644
--- a/i18n/zh/docusaurus-plugin-content-docs/current/how-to-start.md
+++ b/i18n/zh/docusaurus-plugin-content-docs/current/how-to-start.md
@@ -8,7 +8,7 @@ description: 您可以在 DHTMLX JavaScript Pivot 库的文档中了解如何开
 
 本清晰全面的教程将引导您完成在页面上构建完整功能 Pivot 所需的步骤。
 
-![显示配置面板和数据表格的 DHTMLX Pivot 界面](/assets/pivot_main.png)
+![显示配置面板和数据表格的 DHTMLX Pivot 界面](/img/pivot-main.png)
 
 ## 步骤 1：下载并安装软件包 {#step-1-downloading-and-installing-packages}
 
diff --git a/i18n/zh/docusaurus-plugin-content-docs/current/index.md b/i18n/zh/docusaurus-plugin-content-docs/current/index.md
index 925a7cd..0480658 100644
--- a/i18n/zh/docusaurus-plugin-content-docs/current/index.md
+++ b/i18n/zh/docusaurus-plugin-content-docs/current/index.md
@@ -13,7 +13,7 @@ JavaScript Pivot 库是一个现成的组件，用于从大型数据集创建透
 
 Pivot 界面由两个主要组件组成：配置面板和数据表格。
 
-![显示配置面板和数据表格的 DHTMLX Pivot 界面](assets/pivot-main.png)
+![显示配置面板和数据表格的 DHTMLX Pivot 界面](/img/pivot-main.png)
 
 ## 配置面板 {#configuration-panel}
 
@@ -25,7 +25,7 @@ Pivot 界面由两个主要组件组成：配置面板和数据表格。
 
 要隐藏配置面板，请点击**隐藏设置**按钮：
 
-![带有值、列和行区域的 DHTMLX Pivot 配置面板](assets/config_panel.png)
+![带有值、列和行区域的 DHTMLX Pivot 配置面板](/img/config_panel.png)
 
 ### 值区域 {#values-area}
 
@@ -66,15 +66,15 @@ Pivot 界面由两个主要组件组成：配置面板和数据表格。
 
 要移除某项，请点击删除按钮（"x"）。
 
-![在 DHTMLX Pivot 配置面板中添加和删除字段](assets/add_remove.png)
+![在 DHTMLX Pivot 配置面板中添加和删除字段](/img/add_remove.png)
 
 要更改表格中值/行/列的顺序，请将某项拖动到所需位置。在区域工具栏列表中，某项越靠左，其在表格中的优先级和位置越高。
 
-![更改 DHTMLX Pivot 区域中字段的顺序和优先级](assets/priority.png)
+![更改 DHTMLX Pivot 区域中字段的顺序和优先级](/img/priority.png)
 
 要设置将应用于表格列所有数据的操作，请在**值**区域中，点击所需字段的值操作下拉列表，然后从列表中选择所需选项。
 
-![在 DHTMLX Pivot 中为值字段选择数据聚合操作](assets/operations.png)
+![在 DHTMLX Pivot 中为值字段选择数据聚合操作](/img/operations.png)
 
 ### 筛选器 {#filters}
 
@@ -86,13 +86,13 @@ Pivot 界面由两个主要组件组成：配置面板和数据表格。
 
 要筛选表格中的数据，请点击所需区域中某项的筛选标志，然后选择运算符并设置筛选值，最后点击**应用**。已应用筛选的字段将带有特殊的筛选标志。
 
-![在 DHTMLX Pivot 中筛选字段数据](assets/filter.png)
+![在 DHTMLX Pivot 中筛选字段数据](/img/filter.png)
 
 ## 表格 {#table}
 
 表格中的数据按照配置面板中的设置显示。点击列标题可启用列的**排序**功能：
 
-![在 DHTMLX Pivot 表格中按列标题排序数据](assets/table.png)
+![在 DHTMLX Pivot 表格中按列标题排序数据](/img/table.png)
 
 ## 下一步 {#whats-next}
 
diff --git a/static/assets/pivot_main.png b/static/assets/pivot_main.png
deleted file mode 100644
index 5eaa953..0000000
Binary files a/static/assets/pivot_main.png and /dev/null differ
diff --git a/docs/assets/add_remove.png b/static/img/add_remove.png
similarity index 100%
rename from docs/assets/add_remove.png
rename to static/img/add_remove.png
diff --git a/docs/assets/apply_filter.png b/static/img/apply_filter.png
similarity index 100%
rename from docs/assets/apply_filter.png
rename to static/img/apply_filter.png
diff --git a/docs/assets/config_panel.png b/static/img/config_panel.png
similarity index 100%
rename from docs/assets/config_panel.png
rename to static/img/config_panel.png
diff --git a/docs/assets/filter.png b/static/img/filter.png
similarity index 100%
rename from docs/assets/filter.png
rename to static/img/filter.png
diff --git a/docs/assets/filter_applied.png b/static/img/filter_applied.png
similarity index 100%
rename from docs/assets/filter_applied.png
rename to static/img/filter_applied.png
diff --git a/docs/assets/operations.png b/static/img/operations.png
similarity index 100%
rename from docs/assets/operations.png
rename to static/img/operations.png
diff --git a/docs/assets/pivot-main.png b/static/img/pivot-main.png
similarity index 100%
rename from docs/assets/pivot-main.png
rename to static/img/pivot-main.png
diff --git a/docs/assets/priority.png b/static/img/priority.png
similarity index 100%
rename from docs/assets/priority.png
rename to static/img/priority.png
diff --git a/docs/assets/table.png b/static/img/table.png
similarity index 100%
rename from docs/assets/table.png
rename to static/img/table.png
diff --git a/docs/assets/trial_pivot.png b/static/img/trial_pivot.png
similarity index 100%
rename from docs/assets/trial_pivot.png
rename to static/img/trial_pivot.png