# Responsive Images for Block Image Elements

**URL:** <https://forum.getkirby.com/t/responsive-images-for-block-image-elements/33423>\
**Category:** Questions\
**Tags:** v4\
**Created:** [January 24, 2025, 10:07am UTC](https://forum.getkirby.com/t/responsive-images-for-block-image-elements/33423 "2025-01-24T10:07:24Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![D-Jo](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/d-jo/32/15595_2.png) [@D-Jo](https://forum.getkirby.com/u/D-Jo)\
**Post date:** [January 24, 2025, 10:07am UTC](https://forum.getkirby.com/t/responsive-images-for-block-image-elements/33423/1 "2025-01-24T10:07:24Z")

</div>

Hello there

I am quite new to Kirby and wanted to ask some help for the following problem:

I managed to optimize my images, so that only the size needed by the browser is being rendered (for faster image loading and being more eco-friendly). Everything works perfect except for images that I upload via blocks. I have seen in the [guide](https://getkirby.com/docs/cookbook/performance/responsive-images) that I used, that it should also be possible for block images, but I really can’t figure out how …

Thank you for your time!

---

<div class="post-metadata">

**Author:** ![texnixe](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/texnixe/32/5754_2.png) [@texnixe](https://forum.getkirby.com/u/texnixe)\
**Post date:** [January 24, 2025, 10:40am UTC](https://forum.getkirby.com/t/responsive-images-for-block-image-elements/33423/2 "2025-01-24T10:40:44Z")

</div>

For the blocks, you need to overwrite the default block snippets, and figure out a good way to using srcsets based on sizes depending where your blocks are used (e.g. sizes would be different in a three column layout than in a one column layout etc)

---

<div class="post-metadata">

**Author:** ![D-Jo](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/d-jo/32/15595_2.png) [@D-Jo](https://forum.getkirby.com/u/D-Jo)\
**Post date:** [January 31, 2025, 9:36am UTC](https://forum.getkirby.com/t/responsive-images-for-block-image-elements/33423/3 "2025-01-31T09:36:50Z")

</div>

Thank you, finally figured it out 😃
