# Export error since the latest Bootstrap Studio update

**URL:** <https://forum.bootstrapstudio.io/t/export-error-since-the-latest-bootstrap-studio-update/12742>\
**Category:** Bug Reports\
**Created:** [May 6, 2026, 11:47am UTC](https://forum.bootstrapstudio.io/t/export-error-since-the-latest-bootstrap-studio-update/12742 "2026-05-06T11:47:17Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![archdesign](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/archdesign/32/4969_2.png) [@archdesign](https://forum.bootstrapstudio.io/u/archdesign)\
**Post date:** [May 6, 2026, 11:47am UTC](https://forum.bootstrapstudio.io/t/export-error-since-the-latest-bootstrap-studio-update/12742/1 "2026-05-06T11:47:17Z")

</div>

Hello,

I have created all images in one project as picture elements with different resolutions. Until now, everything worked without any issues.

After updating Bootstrap Studio to version 8.0.1, I had to make some changes to the page. However, during export, not all paths are exported correctly anymore.

In the Bootstrap Studio editor, everything is still displayed correctly, see screenshot 1. But in the preview and also after exporting, some of the paths are not converted correctly. In addition, some spaces are replaced with %20, see screenshot 2.

All other elements still work correctly. The issue seems to affect only the picture elements.  
Could you please check whether something has changed with the latest update and how I can fix this issue?

Thanks and best regards

 ![Bildschirmfoto vom 2026-05-06 12-18-48](https://forum.bootstrapstudio.io/uploads/default/original/2X/7/7790236c4f29e99451bad896e0bf71d0b30d1dc5.jpeg)

 ![Bildschirmfoto vom 2026-05-06 13-03-46](https://forum.bootstrapstudio.io/uploads/default/original/2X/9/981592d181e701d6292b89a465c43fd8fae194b6.jpeg)

---

<div class="post-metadata">

**Author:** ![martin](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/martin/32/3_2.png) [@martin](https://forum.bootstrapstudio.io/u/martin)\
**Post date:** [May 6, 2026, 3:16pm UTC](https://forum.bootstrapstudio.io/t/export-error-since-the-latest-bootstrap-studio-update/12742/2 "2026-05-06T15:16:27Z")

</div>

We made some changes to how srcset urls with spaces are encoded in one of our last updates. It actually was broken before that. What you see is how the URLs are supposed to look. To confirm, do images show up correctly in the browser preview and when publishing or uploading online?

---

<div class="post-metadata">

**Author:** ![archdesign](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/archdesign/32/4969_2.png) [@archdesign](https://forum.bootstrapstudio.io/u/archdesign)\
**Post date:** [May 6, 2026, 4:30pm UTC](https://forum.bootstrapstudio.io/t/export-error-since-the-latest-bootstrap-studio-update/12742/3 "2026-05-06T16:30:42Z")

</div>

Hallo Martin,

everything looks correct in Bootstrap Studio itself, and the HTML code in the editor is also correct. However, after exporting (and also in the browser preview,) the code is no longer output correctly and then looks like this, for example:

```auto
<picture>
<source srcset="../assets/img/projekte/horst_03-0500w.webp 1x,%20projekte/horst_03-1000w.webp 2x,%20projekte/horst_03-1500w.webp 3x" media="(max-width: 480px)">
<source srcset="projekte/horst_03-0750w.webp 1x,%20projekte/horst_03-1500w.webp 2x,%20projekte/horst_03-2250w.webp 3x" media="(max-width: 768px)">
<source srcset="../assets/img/projekte/horst_03-0500w.webp 1x,%20projekte/horst_03-1000w.webp 2x,%20projekte/horst_03-1500w.webp 3x" media="(min-width: 769px)">
<img class="img-fluid" src="../assets/img/projekte/horst_03-0500w.webp" alt="Stapel hochwertiger Visitenkarten mit dem Logo des HORST Berg Café auf strukturiertem Papier">
</picture>

```

My image files do not contain any spaces. The %20 is inserted after the comma. In addition, the second source srcset=“projekte/…” is not converted to the correct export path. This happens with the same pattern in all files and for all images.

As a result, no image is displayed when switching to the mobile view.

If it is helpful for you, I can send you the links to the old working version and the new faulty version. Or just let me know what else would be helpful.

Best regards  
Torsten

---

<div class="post-metadata">

**Author:** ![martin](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/martin/32/3_2.png) [@martin](https://forum.bootstrapstudio.io/u/martin)\
**Post date:** [May 7, 2026, 10:59am UTC](https://forum.bootstrapstudio.io/t/export-error-since-the-latest-bootstrap-studio-update/12742/4 "2026-05-07T10:59:40Z")

</div>

If possible can you send us the bsdesign file [to our email](https://bootstrapstudio.io/contact-us) so we can take a look?

---

<div class="post-metadata">

**Author:** ![archdesign](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/archdesign/32/4969_2.png) [@archdesign](https://forum.bootstrapstudio.io/u/archdesign)\
**Post date:** [May 7, 2026, 2:06pm UTC](https://forum.bootstrapstudio.io/t/export-error-since-the-latest-bootstrap-studio-update/12742/5 "2026-05-07T14:06:04Z")

</div>

Hello Martin, I have just sent you the email.

Thank you very much and best regards,  
Torsten

---

<div class="post-metadata">

**Author:** ![archdesign](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/archdesign/32/4969_2.png) [@archdesign](https://forum.bootstrapstudio.io/u/archdesign)\
**Post date:** [October 23, 2026, 9:21am UTC](https://forum.bootstrapstudio.io/t/export-error-since-the-latest-bootstrap-studio-update/12742/6 "2026-10-23T09:21:15Z")

</div>

With Bootstrap Studio 9.0.0, the export issue has fortunately already been partially fixed.

For responsive picture elements with multiple source elements and image resolutions (1x, 2x, 3x), the separators between individual srcset entries are now correctly exported as spaces instead of being replaced with `%20`.

However, a similar issue still exists with CSS filenames containing spaces. As shown in the screenshot, the file `Albert Sans.css` is referenced as `Albert%20Sans.css` in the exported HTML, while the actual filename remains `Albert Sans.css`.

Perhaps this could also be fixed in one of the next updates.

 ![Bildschirmfoto vom 2026-10-23 10-43-17](https://forum.bootstrapstudio.io/uploads/default/original/2X/a/a672cba15cf50290473891419034a14c27907175.png)

---

<div class="post-metadata">

**Author:** ![martin](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/martin/32/3_2.png) [@martin](https://forum.bootstrapstudio.io/u/martin)\
**Post date:** [October 23, 2026, 10:05am UTC](https://forum.bootstrapstudio.io/t/export-error-since-the-latest-bootstrap-studio-update/12742/7 "2026-10-23T10:05:29Z")

</div>

Happy to hear the original issue was resolved! The spaces being encoded as %20 is the correct way to link to stylesheets. Do you have issues with this file on your website?

---

<div class="post-metadata">

**Author:** ![archdesign](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/archdesign/32/4969_2.png) [@archdesign](https://forum.bootstrapstudio.io/u/archdesign)\
**Post date:** [October 23, 2026, 10:31am UTC](https://forum.bootstrapstudio.io/t/export-error-since-the-latest-bootstrap-studio-update/12742/8 "2026-10-23T10:31:55Z")

</div>

Hello Martin,

Thanks for the clarification. I actually hadn’t tested whether the file was loaded correctly. You’re right, it works perfectly fine. I’ve also since read up on it and learned that this is indeed the technically correct way to write it.

Thanks and best regards,  
Torsten