Skip to content

Commit c0370b1

Browse files
chihosinchihosin
committed
Replace PNG images with WEBP format for improved performance and reduced file sizes across multiple product images and screenshots.
1 parent 34550dd commit c0370b1

File tree

217 files changed

+203
-144
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

217 files changed

+203
-144
lines changed

‎docs/platform/arduino.mdx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ last_update:
1616

1717
<br/>
1818
<div style={{ textAlign: 'left' }}>
19-
<img src="/img/apps/arduino.logo.png" alt="Arduino" style={{ width: '120px', height: 'auto' }} />
19+
<img src="/img/apps/arduino.logo.webp" alt="Arduino" style={{ width: '120px', height: 'auto' }} />
2020
</div>
2121
<br/>
2222

@@ -48,7 +48,7 @@ https://fobe-projects.github.io/arduino/package_fobe_index.json
4848

4949

5050
<div style={{ textAlign: 'center' }}>
51-
<img src="/img/screenshot/2025-09-10-20-27-51.png" alt="2025-09-10-20-27-51.png" style={{ width: '80%', height: 'auto' }} />
51+
<img src="/img/screenshot/2025-09-10-20-27-51.webp" alt="2025-09-10-20-27-51.webp" style={{ width: '80%', height: 'auto' }} />
5252
</div>
5353

5454

@@ -61,7 +61,7 @@ https://fobe-projects.github.io/arduino/package_fobe_index.json
6161

6262

6363
<div style={{ textAlign: 'center' }}>
64-
<img src="/img/screenshot/2025-09-10-20-28-36.png" alt="2025-09-10-20-28-36.png" style={{ width: '80%', height: 'auto' }} />
64+
<img src="/img/screenshot/2025-09-10-20-28-36.webp" alt="2025-09-10-20-28-36.webp" style={{ width: '80%', height: 'auto' }} />
6565
</div>
6666

6767

‎docs/platform/circuitpython.mdx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ last_update:
1616

1717
<br/>
1818
<div style={{ textAlign: 'left' }}>
19-
<img src="/img/apps/circuitpython.logo.png" alt="CircuitPython" style={{ width: '180px', height: 'auto' }} />
19+
<img src="/img/apps/circuitpython.logo.webp" alt="CircuitPython" style={{ width: '180px', height: 'auto' }} />
2020
</div>
2121
<br/>
2222

@@ -77,7 +77,7 @@ To install the CircuitPython firmware, follow these steps:
7777
3. **Double-click** the **reset button** on the device to enter **bootloader** mode.
7878

7979
<div style={{ textAlign: 'center' }}>
80-
<img src="/img/screenshot/2025-07-21-10-48-27.png" alt="2025-07-21-10-48-27.png" style={{ width: '80%', height: 'auto' }} />
80+
<img src="/img/screenshot/2025-07-21-10-48-27.webp" alt="2025-07-21-10-48-27.webp" style={{ width: '80%', height: 'auto' }} />
8181
</div>
8282

8383
4. Copy the `.uf2` file to the device storage ```FOBEBOOT```.

‎docs/platform/micropython.mdx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -77,7 +77,7 @@ To install the MicroPython firmware, follow these steps:
7777
2. Connect the **board** Mesh to your computer using a **USB-C** cable.
7878
3. **Double-click** the **reset button** on the device to enter **bootloader** mode.
7979

80-
<br/><div style={{ textAlign: 'center' }}><img src="/img/screenshot/2025-07-21-10-48-27.png" alt="2025-07-21-10-48-27.png" style={{ width: '80%', height: 'auto' }} /></div><br/>
80+
<br/><div style={{ textAlign: 'center' }}><img src="/img/screenshot/2025-07-21-10-48-27.webp" alt="2025-07-21-10-48-27.webp" style={{ width: '80%', height: 'auto' }} /></div><br/>
8181

8282
4. Copy the `.uf2` file to the device storage ```FOBEBOOT```.
8383
5. After flashing, the device should reboot automatically. If it does not, press the **RESET** button on the board to start the **MicroPython** firmware.

‎docs/platform/zephyr.mdx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ last_update:
1616

1717
<br/>
1818
<div style={{ textAlign: 'left' }}>
19-
<img src="/img/apps/zephyr.logo.png" alt="Zephyr" style={{ width: '180px', height: 'auto' }} />
19+
<img src="/img/apps/zephyr.logo.webp" alt="Zephyr" style={{ width: '180px', height: 'auto' }} />
2020
</div>
2121
<br/>
2222

@@ -193,7 +193,7 @@ features and optimizations.
193193
:::
194194

195195
Now you have a simple LED blinking example (Zephyr Standalone project) running on the board.
196-
<div style={{ textAlign: 'center' }}><img src="/img/screenshot/2025-07-21-13-38-07.png" alt="2025-07-21-13-38-07.png" style={{ width: '100%', height: 'auto' }} /></div>
196+
<div style={{ textAlign: 'center' }}><img src="/img/screenshot/2025-07-21-13-38-07.webp" alt="2025-07-21-13-38-07.webp" style={{ width: '100%', height: 'auto' }} /></div>
197197

198198
More information about the **Zephyr** can be found in the [Zephyr documentation](https://docs.zephyrproject.org/latest/).
199199

‎docs/product/breakout.mdx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: Breakout Series
33
description: Overview of the FoBE Breakout Series.
44
sidebar_label: Breakout Series
5-
image: /img/apps/fobe.breakout.banner.png
5+
image: /img/apps/fobe.breakout.banner.webp
66
slug: /breakout_series
77
toc_max_heading_level: 4
88
sidebar_position: 1
@@ -23,7 +23,7 @@ last_update:
2323

2424
<br/>
2525
<div style={{ display: 'flex', alignItems: 'center', flexWrap: 'wrap' }}>
26-
<img src="/img/apps/fobe.breakout.banner.png" alt="FoBE Breakout series" style={{ width: '192px', height: 'auto', borderRadius: '10px', maxWidth: '320px'}} />
26+
<img src="/img/apps/fobe.breakout.banner.webp" alt="FoBE Breakout series" style={{ width: '192px', height: 'auto', borderRadius: '10px', maxWidth: '320px'}} />
2727
</div>
2828
<br/>
2929

@@ -32,7 +32,7 @@ last_update:
3232
The **FoBE Breakout** Series is a comprehensive ecosystem of standardized, plug-and-play modules designed to accelerate electronics development. Built around a rich variety of sensors, actuators, displays, and communication modules, Breakout enables faster and more reliable development of smart hardware projects.
3333

3434
<div style={{ textAlign: 'center' }}>
35-
<img src="/img/products/f2212-r1a.digram.png" alt="FoBE Breakout MFP-HUB Hardware Diagram" style={{ width: '80%', height: 'auto' }} />
35+
<img src="/img/products/f2212-r1a.digram.webp" alt="FoBE Breakout MFP-HUB Hardware Diagram" style={{ width: '80%', height: 'auto' }} />
3636
</div>
3737

3838
## Features

‎docs/product/core.mdx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: Core Series
33
description: Overview of the FoBE Core Series.
44
sidebar_label: Quill Series
5-
image: /img/apps/fobe.module.banner.png
5+
image: /img/apps/fobe.module.banner.webp
66
slug: /core_series
77
toc_max_heading_level: 4
88
sidebar_position: 1
@@ -25,7 +25,7 @@ import Link from '@docusaurus/Link';
2525

2626
<br/>
2727
<div style={{ display: 'flex', alignItems: 'center', flexWrap: 'wrap' }}>
28-
<img src="/img/apps/fobe.module.banner.png" alt="FoBE Core series" style={{ width: '192px', height: 'auto', borderRadius: '10px', maxWidth: '320px'}} />
28+
<img src="/img/apps/fobe.module.banner.webp" alt="FoBE Core series" style={{ width: '192px', height: 'auto', borderRadius: '10px', maxWidth: '320px'}} />
2929
</div>
3030
<br/>
3131

‎docs/product/f1101/programming.mdx‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: Programming with FoBE Quill nRF52840 Mesh
33
description: Programming with FoBE Quill nRF52840 Mesh.
44
sidebar_label: Programming
5-
image: /img/products/f1101-r1lg.main.png
5+
image: /img/products/f1101-r1lg.main.webp
66
slug: /quill_nrf52840_mesh_programming
77
toc_max_heading_level: 4
88
sidebar_position: 2
@@ -45,7 +45,7 @@ You can follow the official guide of [PlatformIO](https://platformio.org/platfor
4545
2. Click "Advanced Installation" button.
4646
3. Input the git repository URL ```https://github.com/fobe-projects/fobe-nrf52-platformio.git#develop``` then click "Install" button, and wait for the installation to complete.
4747

48-
<div style={{ textAlign: 'center' }}><img src="/img/screenshot/2025-07-19-02-24-59.png" alt="2025-07-19-02-24-59.png" style={{ width: '80%', height: 'auto' }} /></div>
48+
<div style={{ textAlign: 'center' }}><img src="/img/screenshot/2025-07-19-02-24-59.webp" alt="2025-07-19-02-24-59.webp" style={{ width: '80%', height: 'auto' }} /></div>
4949

5050
Or you can use the **pio** command line tool to install:
5151

@@ -60,15 +60,15 @@ You can follow the official guide of [PlatformIO](https://platformio.org/platfor
6060
3. Input the project name, select the board "FoBE Quill nRF52840 Mesh", and select the framework "Arduino".
6161
4. Click "Finish" button, waiting for the project created.
6262

63-
<div style={{ textAlign: 'center' }}><img src="/img/screenshot/2025-07-19-02-04-49.png" alt="2025-07-19-02-04-49.png" style={{ width: '80%', height: 'auto' }} /></div>
63+
<div style={{ textAlign: 'center' }}><img src="/img/screenshot/2025-07-19-02-04-49.webp" alt="2025-07-19-02-04-49.webp" style={{ width: '80%', height: 'auto' }} /></div>
6464

6565
5. Open the `src/main.cpp` file and write your code.
6666

67-
<div style={{ textAlign: 'center' }}><img src="/img/screenshot/2025-07-19-02-24-07.png" alt="2025-07-19-02-24-07.png" style={{ width: '80%', height: 'auto' }} /></div>
67+
<div style={{ textAlign: 'center' }}><img src="/img/screenshot/2025-07-19-02-24-07.webp" alt="2025-07-19-02-24-07.webp" style={{ width: '80%', height: 'auto' }} /></div>
6868

6969
6. Click the "Upload" button to compile and upload your code.
7070

71-
<div style={{ textAlign: 'center' }}><img src="/img/screenshot/2025-07-19-02-25-52.png" alt="2025-07-19-02-25-52.png" style={{ width: '80%', height: 'auto' }} /></div>
71+
<div style={{ textAlign: 'center' }}><img src="/img/screenshot/2025-07-19-02-25-52.webp" alt="2025-07-19-02-25-52.webp" style={{ width: '80%', height: 'auto' }} /></div>
7272

7373

7474
## MicroPython

‎docs/product/f1101/quickstart.mdx‎

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: Getting Started with FoBE Quill nRF52840 Mesh
33
description: Getting Started with FoBE Quill nRF52840 Mesh.
44
sidebar_label: Getting Started
5-
image: /img/products/f1101-r1lg.main.png
5+
image: /img/products/f1101-r1lg.main.webp
66
slug: /quill_nrf52840_mesh_getting_started
77
toc_max_heading_level: 4
88
sidebar_position: 1
@@ -27,7 +27,7 @@ import Tabs from "@theme/Tabs";
2727
import TabItem from "@theme/TabItem";
2828

2929
<div style={{ textAlign: 'center' }}>
30-
<img src="/img/products/f1101-r1a.main.png" alt="FoBE Quill nRF52840 Mesh" style={{ width: '320px', height: 'auto' }} />
30+
<img src="/img/products/f1101-r1a.main.webp" alt="FoBE Quill nRF52840 Mesh" style={{ width: '320px', height: 'auto' }} />
3131
</div>
3232
<div className="theme-button-buy" style={{ textAlign: 'center' }}>
3333
<a href="https://store.fobestudio.com/products/f1101" target="_blank" rel="noopener noreferrer">
@@ -189,7 +189,7 @@ This development board is feature-rich, including a battery charger, dedicated p
189189
The following figure illustrates the FoBE Quill nRF52840 Mesh hardware diagram.
190190

191191
<div style={{ textAlign: 'center' }}>
192-
<img src="/img/products/f1101-r1a.digram.png" alt="FoBE Quill nRF52840 Mesh Hardware Diagram" style={{ width: '80%', height: 'auto' }} />
192+
<img src="/img/products/f1101-r1a.digram.webp" alt="FoBE Quill nRF52840 Mesh Hardware Diagram" style={{ width: '80%', height: 'auto' }} />
193193
</div>
194194

195195
## Mechanical dimensions
@@ -198,7 +198,7 @@ FoBE Quill nRF52840 Mesh is a single-sided 60.96mm x 20.32mm (2.4" x 0.9") 1.6mm
198198

199199

200200
<div style={{ textAlign: 'center' }}>
201-
<img src="/img/products/f1101-r1a.dimensions.png" alt="FoBE Quill nRF52840 Mesh Mechanical Dimensions" style={{ width: '80%', height: 'auto' }} />
201+
<img src="/img/products/f1101-r1a.dimensions.webp" alt="FoBE Quill nRF52840 Mesh Mechanical Dimensions" style={{ width: '80%', height: 'auto' }} />
202202
</div>
203203

204204

@@ -301,7 +301,7 @@ The FoBE Quill nRF52840 Mesh board provides a debug interface via the SWD (Seria
301301

302302

303303
<div style={{ textAlign: 'center' }}>
304-
<img src="/img/products/f1101-r1a.connection.png" alt="FoBE Quill nRF52840 Mesh Debug Interface" style={{ width: '50%', height: 'auto' }} />
304+
<img src="/img/products/f1101-r1a.connection.webp" alt="FoBE Quill nRF52840 Mesh Debug Interface" style={{ width: '50%', height: 'auto' }} />
305305
</div>
306306

307307

@@ -353,13 +353,13 @@ Ensure your USB cable supports data transfer (USB 2.0 or higher). Charge-only ca
353353
- Select the port corresponding to your FoBE Quill nRF52840 Mesh board.
354354
- Select **FoBE Quill nRF52840 Mesh** from the list of available boards.
355355

356-
<div style={{ textAlign: 'center' }}><img src="/img/screenshot/2025-07-19-00-58-16.png" alt="2025-07-19-00-58-16.png" style={{ width: '80%', height: 'auto' }} /></div>
356+
<div style={{ textAlign: 'center' }}><img src="/img/screenshot/2025-07-19-00-58-16.webp" alt="2025-07-19-00-58-16.webp" style={{ width: '80%', height: 'auto' }} /></div>
357357

358358
6. Open an example sketch.
359359

360360
- Navigate to **File** > **Examples** > **01.Basics** > **Blink**.
361361

362-
<div style={{ textAlign: 'center' }}><img src="/img/screenshot/2025-07-19-00-59-35.png" alt="2025-07-19-00-59-35.png" style={{ width: '80%', height: 'auto' }} /></div>
362+
<div style={{ textAlign: 'center' }}><img src="/img/screenshot/2025-07-19-00-59-35.webp" alt="2025-07-19-00-59-35.webp" style={{ width: '80%', height: 'auto' }} /></div>
363363

364364
7. Upload the sketch.
365365

@@ -374,12 +374,12 @@ If you want to use the USB Serial for printing output, ensure you enable "Serial
374374
```
375375
:::
376376

377-
<div style={{ textAlign: 'center' }}><img src="/img/screenshot/2025-07-19-01-00-36.png" alt="2025-07-19-01-00-36.png" style={{ width: '80%', height: 'auto' }} /></div>
377+
<div style={{ textAlign: 'center' }}><img src="/img/screenshot/2025-07-19-01-00-36.webp" alt="2025-07-19-01-00-36.webp" style={{ width: '80%', height: 'auto' }} /></div>
378378

379379
Once the upload is complete, the onboard blue LED should start blinking, indicating that your board is successfully set up and running the example sketch.
380380

381381
<div style={{ textAlign: 'center' }}>
382-
<img src="/img/meme/you-did-a-great-job.png" alt="You Did a Great Job" style={{ width: '50%', height: 'auto' }} />
382+
<img src="/img/meme/you-did-a-great-job.webp" alt="You Did a Great Job" style={{ width: '50%', height: 'auto' }} />
383383
</div>
384384

385385
## Advanced usage
@@ -537,7 +537,7 @@ Download the latest firmware from the [Firmware Hub](/firmware-hub?id=fobe_quill
537537

538538
Double click the **Reset** button, there should be a `FoBE Boot` drive on your PC.
539539

540-
<div style={{ textAlign: 'center' }}><img src="/img/screenshot/2025-07-21-14-46-54.png" alt="2025-07-21-14-46-54.png" style={{ width: '20%', height: 'auto' }} /></div>
540+
<div style={{ textAlign: 'center' }}><img src="/img/screenshot/2025-07-21-14-46-54.webp" alt="2025-07-21-14-46-54.webp" style={{ width: '20%', height: 'auto' }} /></div>
541541

542542
Drag the `firmware-fobe_quill_nrf52840_mesh-2.7.3.cf574c7.uf2` file to the drive. The installation will run automatically, then the drive will disappear.
543543

‎docs/product/f1102/programming.mdx‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: Programming with FoBE Quill ESP32S3 Mesh
33
description: Programming with FoBE Quill ESP32S3 Mesh.
44
sidebar_label: Programming
5-
image: /img/products/f1102-r1lg.main.png
5+
image: /img/products/f1102-r1lg.main.webp
66
slug: /quill_esp32s3_mesh_programming
77
toc_max_heading_level: 4
88
sidebar_position: 2
@@ -45,7 +45,7 @@ You can follow the official guide of [PlatformIO](https://platformio.org/platfor
4545
2. Click "Advanced Installation" button.
4646
3. Input the git repository URL ```https://github.com/fobe-projects/fobe-esp32-platformio.git#develop``` then click "Install" button, and wait for the installation to complete.
4747

48-
<div style={{ textAlign: 'center' }}><img src="/img/screenshot/2025-08-06-21-34-37.png" alt="2025-08-06-21-34-37.png" style={{ width: '80%', height: 'auto' }} /></div>
48+
<div style={{ textAlign: 'center' }}><img src="/img/screenshot/2025-08-06-21-34-37.webp" alt="2025-08-06-21-34-37.webp" style={{ width: '80%', height: 'auto' }} /></div>
4949

5050
Or you can use the **pio** command line tool to install:
5151

@@ -60,15 +60,15 @@ You can follow the official guide of [PlatformIO](https://platformio.org/platfor
6060
3. Input the project name, select the board "FoBE Quill ESP32S3 Mesh", and select the framework "Arduino".
6161
4. Click "Finish" button, waiting for the project created.
6262

63-
<div style={{ textAlign: 'center' }}><img src="/img/screenshot/2025-08-07-04-15-50.png" alt="2025-08-07-04-15-50.png" style={{ width: '80%', height: 'auto' }} /></div>
63+
<div style={{ textAlign: 'center' }}><img src="/img/screenshot/2025-08-07-04-15-50.webp" alt="2025-08-07-04-15-50.webp" style={{ width: '80%', height: 'auto' }} /></div>
6464

6565
5. Open the `src/main.cpp` file and write your code.
6666

67-
<div style={{ textAlign: 'center' }}><img src="/img/screenshot/2025-08-07-04-17-19.png" alt="2025-08-07-04-17-19.png" style={{ width: '80%', height: 'auto' }} /></div>
67+
<div style={{ textAlign: 'center' }}><img src="/img/screenshot/2025-08-07-04-17-19.webp" alt="2025-08-07-04-17-19.webp" style={{ width: '80%', height: 'auto' }} /></div>
6868

6969
6. Click the "Upload" button to compile and upload your code.
7070

71-
<div style={{ textAlign: 'center' }}><img src="/img/screenshot/2025-08-07-04-17-50.png" alt="2025-08-07-04-17-50.png" style={{ width: '80%', height: 'auto' }} /></div>
71+
<div style={{ textAlign: 'center' }}><img src="/img/screenshot/2025-08-07-04-17-50.webp" alt="2025-08-07-04-17-50.webp" style={{ width: '80%', height: 'auto' }} /></div>
7272

7373

7474
## MicroPython

‎docs/product/f1102/quickstart.mdx‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: Getting Started with FoBE Quill ESP32S3 Mesh
33
description: Getting Started with FoBE Quill ESP32S3 Mesh.
44
sidebar_label: Getting Started
5-
image: /img/products/f1102-r1lg.main.png
5+
image: /img/products/f1102-r1lg.main.webp
66
slug: /quill_esp32s3_mesh_getting_started
77
toc_max_heading_level: 4
88
sidebar_position: 1
@@ -27,7 +27,7 @@ import Tabs from "@theme/Tabs";
2727
import TabItem from "@theme/TabItem";
2828

2929
<div style={{ textAlign: 'center' }}>
30-
<img src="/img/products/f1102-r1a.main.png" alt="FoBE Quill ESP32S3 Mesh Main" style={{ width: '320px', height: 'auto' }} />
30+
<img src="/img/products/f1102-r1a.main.webp" alt="FoBE Quill ESP32S3 Mesh Main" style={{ width: '320px', height: 'auto' }} />
3131
</div>
3232
<div className="theme-button-buy" style={{ textAlign: 'center' }}>
3333
<a href="https://store.fobestudio.com/products/f1102" target="_blank" rel="noopener noreferrer">
@@ -194,7 +194,7 @@ The following figure illustrates the FoBE Quill ESP32S3 Mesh hardware diagram.
194194

195195

196196
<div style={{ textAlign: 'center' }}>
197-
<img src="/img/products/f1102-r1a.digram.png" alt="FoBE Quill ESP32S3 Mesh Hardware Diagram" style={{ width: '80%', height: 'auto' }} />
197+
<img src="/img/products/f1102-r1a.digram.webp" alt="FoBE Quill ESP32S3 Mesh Hardware Diagram" style={{ width: '80%', height: 'auto' }} />
198198
</div>
199199

200200

@@ -204,7 +204,7 @@ FoBE Quill ESP32S3 Mesh is a single-sided PCB with dimensions of 60.96mm x 22.86
204204

205205

206206
<div style={{ textAlign: 'center' }}>
207-
<img src="/img/products/f1102-r1a.dimensions.png" alt="FoBE Quill ESP32S3 Mesh Mechanical Dimensions" style={{ width: '80%', height: 'auto' }} />
207+
<img src="/img/products/f1102-r1a.dimensions.webp" alt="FoBE Quill ESP32S3 Mesh Mechanical Dimensions" style={{ width: '80%', height: 'auto' }} />
208208
</div>
209209

210210

@@ -340,26 +340,26 @@ Make sure your USB cable supports data transfer (USB 2.0 or USB 3.0 are both fin
340340
- Select the port corresponding to your FoBE ESP32-S3 Mesh board.
341341
- Select **FoBE ESP32-S3 Mesh** from the list of available boards.
342342

343-
<div style={{ textAlign: 'center' }}><img src="/img/screenshot/2025-08-06-17-45-51.png" alt="2025-08-06-17-45-51.png" style={{ width: '80%', height: 'auto' }} /></div>
343+
<div style={{ textAlign: 'center' }}><img src="/img/screenshot/2025-08-06-17-45-51.webp" alt="2025-08-06-17-45-51.webp" style={{ width: '80%', height: 'auto' }} /></div>
344344

345345
6. Open an example sketch.
346346

347347
- Navigate to **File** > **Examples** > **01.Basics** > **Blink**.
348348

349-
<div style={{ textAlign: 'center' }}><img src="/img/screenshot/2025-07-19-00-59-35.png" alt="2025-07-19-00-59-35.png" style={{ width: '80%', height: 'auto' }} /></div>
349+
<div style={{ textAlign: 'center' }}><img src="/img/screenshot/2025-07-19-00-59-35.webp" alt="2025-07-19-00-59-35.webp" style={{ width: '80%', height: 'auto' }} /></div>
350350

351351
7. Upload the sketch.
352352

353353
- Click the **Upload** button (right arrow icon) in the Arduino IDE toolbar.
354354
- Wait for the upload process to complete.
355355

356-
<div style={{ textAlign: 'center' }}><img src="/img/screenshot/2025-08-06-17-47-14.png" alt="2025-08-06-17-47-14.png" style={{ width: '80%', height: 'auto' }} /></div>
356+
<div style={{ textAlign: 'center' }}><img src="/img/screenshot/2025-08-06-17-47-14.webp" alt="2025-08-06-17-47-14.webp" style={{ width: '80%', height: 'auto' }} /></div>
357357

358358
Once the upload is complete, the onboard blue LED should start blinking, indicating that your board is successfully set up and running the example sketch.
359359

360360

361361
<div style={{ textAlign: 'center' }}>
362-
<img src="/img/meme/that-s-it.png" alt="Thaaaaaat's it" style={{ width: '50%', height: 'auto' }} />
362+
<img src="/img/meme/that-s-it.webp" alt="Thaaaaaat's it" style={{ width: '50%', height: 'auto' }} />
363363
</div>
364364

365365

@@ -521,7 +521,7 @@ Download the latest firmware from the [FoBE Meshtastic Index](https://meshtastic
521521
522522
Double click the **Reset** button, there should be a `FoBE Boot` drive on your PC.
523523
524-
<br/><div style={{ textAlign: 'center' }}><img src="/img/screenshot/2025-07-21-14-46-54.png" alt="2025-07-21-14-46-54.png" style={{ width: '20%', height: 'auto' }} /></div><br/>
524+
<br/><div style={{ textAlign: 'center' }}><img src="/img/screenshot/2025-07-21-14-46-54.webp" alt="2025-07-21-14-46-54.webp" style={{ width: '20%', height: 'auto' }} /></div><br/>
525525
526526
Drag the `firmware-fobe_quill_esp32s3_mesh-2.7.3.cf574c7.uf2` file to the drive. The installation will run automatically, then the drive will disappear.
527527

0 commit comments

Comments
 (0)