# Image sizes in block preview?

**URL:** <https://forum.getkirby.com/t/image-sizes-in-block-preview/22726>\
**Category:** Questions\
**Tags:** v3\
**Created:** [June 29, 2021, 9:57pm UTC](https://forum.getkirby.com/t/image-sizes-in-block-preview/22726 "2021-06-29T21:57:19Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![till\_k](https://avatars.discourse-cdn.com/v4/letter/t/c0e974/32.png) [@till\_k](https://forum.getkirby.com/u/till_k)\
**Post date:** [June 29, 2021, 9:57pm UTC](https://forum.getkirby.com/t/image-sizes-in-block-preview/22726/1 "2021-06-29T21:57:19Z")

</div>

Hi,  
for a media gallery page I created a custom block with a bunch of images. Since these are ready for print, the sizes are quite big. Is there a way to not use the full size images in the vue preview? I tried

```auto
<img v-if="item.image[0]" :src="item.image[0].crop(200,300).url">

```

but it did not work, since “item.image[0].crop() is not a function”.  
Is there any other method I can use here to make the page less heavy? Currently it needs to load over 100mb of images when editing the page in question.  
Thanks a lot!

---

<div class="post-metadata">

**Author:** ![jimbobrjames](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/jimbobrjames/32/5802_2.png) [@jimbobrjames](https://forum.getkirby.com/u/jimbobrjames)\
**Post date:** [June 29, 2021, 10:21pm UTC](https://forum.getkirby.com/t/image-sizes-in-block-preview/22726/2 "2021-06-29T22:21:41Z")

</div>

Crop() is a PHP function, rather than Javascript. As far as I know, you would need to make a custom API end point with and hit that from javascript, so that PHP does the cropping and just sends the resulting URL through to the block.