diff --git a/docs/_static/esp32-devkitC-v4-pinout.png b/docs/_static/esp32-devkitC-v4-pinout.png
new file mode 100644
index 0000000000..e80cdc502f
Binary files /dev/null and b/docs/_static/esp32-devkitC-v4-pinout.png differ
diff --git a/docs/en/hw-reference/esp32/get-started-devkitc.rst b/docs/en/hw-reference/esp32/get-started-devkitc.rst
index c325ef5ca0..14c58e7e45 100644
--- a/docs/en/hw-reference/esp32/get-started-devkitc.rst
+++ b/docs/en/hw-reference/esp32/get-started-devkitc.rst
@@ -162,9 +162,9 @@ No.  Name  Type   Function
 
 Pin Layout
 ^^^^^^^^^^^
-.. figure:: ../../../_static/esp32-devkitC-v4-pinout.jpg
+.. figure:: ../../../_static/esp32-devkitC-v4-pinout.png
     :align: center
-    :scale: 45%
+    :scale: 100%
     :alt: ESP32-DevKitC  (click to enlarge)
     :figclass: align-center
 
diff --git a/docs/zh_CN/hw-reference/esp32/get-started-devkitc.rst b/docs/zh_CN/hw-reference/esp32/get-started-devkitc.rst
index a1e70ed725..8192ed7d36 100644
--- a/docs/zh_CN/hw-reference/esp32/get-started-devkitc.rst
+++ b/docs/zh_CN/hw-reference/esp32/get-started-devkitc.rst
@@ -162,9 +162,9 @@ J3
 
 管脚布局
 ^^^^^^^^^^^
-.. figure:: ../../../_static/esp32-devkitC-v4-pinout.jpg
+.. figure:: ../../../_static/esp32-devkitC-v4-pinout.png
     :align: center
-    :scale: 45%
+    :scale: 100%
     :alt: ESP32-DevKitC 管脚布局（点击放大）
     :figclass: align-center