# How to use the srcset field in PG7/bootstrap 4.6?

**URL:** <https://forum.pinegrow.com/t/how-to-use-the-srcset-field-in-pg7-bootstrap-4-6/7641>\
**Category:** Pinegrow PRO\
**Created:** [January 17, 2023, 4:15pm UTC](https://forum.pinegrow.com/t/how-to-use-the-srcset-field-in-pg7-bootstrap-4-6/7641 "2023-01-17T16:15:38Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![aquorange](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/aquorange/32/958_2.png) [@aquorange](https://forum.pinegrow.com/u/aquorange)\
**Post date:** [January 17, 2023, 4:15pm UTC](https://forum.pinegrow.com/t/how-to-use-the-srcset-field-in-pg7-bootstrap-4-6/7641/1 "2023-01-17T16:15:38Z")

</div>

Hi there,

I have no idea how to use the field for responsive images in the properties panel. I know about the scrset concept … but didn’t find where this PG field is documented.

Can someone help?

![Bildschirmfoto 2023-01-17 um 17.09.22](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/f/fdb5ba001d58efedfd2b135235ec6e65511ac5e8.png)

Thanks,  
aquorange

---

<div class="post-metadata">

**Author:** ![Emmanuel](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/emmanuel/32/6294_2.png) [@Emmanuel](https://forum.pinegrow.com/u/Emmanuel)\
**Post date:** [January 17, 2023, 4:21pm UTC](https://forum.pinegrow.com/t/how-to-use-the-srcset-field-in-pg7-bootstrap-4-6/7641/2 "2023-01-17T16:21:13Z")

</div>

> [@aquorange](#):
>
> scrset

The feature was introduced with Pinegrow 6.6.  
Please, have a look at the following document: [Pinegrow Web Editor 6.6 - July 6, 2022 | Pinegrow Web Editor](https://pinegrow.com/release_notes/pinegrow-web-editor-6-6-july-6-2022/)

[![](https://img.youtube.com/vi/ghC3ffMnQmA/maxresdefault.jpg "What's new in Pinegrow Web Editor 6.6") ](https://www.youtube.com/watch?v=ghC3ffMnQmA)

---

<div class="post-metadata">

**Author:** ![aquorange](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/aquorange/32/958_2.png) [@aquorange](https://forum.pinegrow.com/u/aquorange)\
**Post date:** [January 19, 2023, 11:25am UTC](https://forum.pinegrow.com/t/how-to-use-the-srcset-field-in-pg7-bootstrap-4-6/7641/3 "2023-01-19T11:25:54Z")

</div>

Thanks, Emmanuel!  
I will give it a try.

---

<div class="post-metadata">

**Author:** ![aquorange](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/aquorange/32/958_2.png) [@aquorange](https://forum.pinegrow.com/u/aquorange)\
**Post date:** [January 23, 2023, 7:01pm UTC](https://forum.pinegrow.com/t/how-to-use-the-srcset-field-in-pg7-bootstrap-4-6/7641/4 "2023-01-23T19:01:51Z")

</div>

I now used the responsive images fields. They can also be used without the picture tag directly with img tag for providing different sizes.  
By activating an image on the page and clicking »calculate sizes« PG walks through all breakpoints and captures the width of the image as appearing in the layout. These sizes are added to the img attributes. You can now i.e. produce all the different image sizes in your image editor, add them to the project and then write the srcset-code by hand. This is (too) much work if you have many images, but helpful if you have only some really big ones i.e. for XL screens. In other cases you can see by the calculations, that you will only need one or two sizes.