# Not able to retrieve/fetch versatileImage link (Cropped URL) in SerializerMethodField()

**URL:** <https://forum.djangoproject.com/t/not-able-to-retrieve-fetch-versatileimage-link-cropped-url-in-serializermethodfield/10990>\
**Category:** Using Django\
**Created:** [December 12, 2021, 10:10am UTC](https://forum.djangoproject.com/t/not-able-to-retrieve-fetch-versatileimage-link-cropped-url-in-serializermethodfield/10990 "2021-12-12T10:10:58Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![mubashir-v](https://sea2.discourse-cdn.com/flex026/user_avatar/forum.djangoproject.com/mubashir-v/32/6642_2.png) [@mubashir-v](https://forum.djangoproject.com/u/mubashir-v)\
**Post date:** [December 12, 2021, 10:10am UTC](https://forum.djangoproject.com/t/not-able-to-retrieve-fetch-versatileimage-link-cropped-url-in-serializermethodfield/10990/1 "2021-12-12T10:10:58Z")

</div>

```auto
class GetUserImageOneSerializer(serializers.ModelSerializer):
    class Meta:
        image_one = VersatileImageFieldSerializer(
        sizes=[
            ('medium_square_crop', 'crop__400x400'),
        ]
        )
        model = UserImage
        fields = ('image_one',)

```

```auto

class ChatUserSerializer(serializers.ModelSerializer):
      chatImage = serializers.SerializerMethodField()
      class Meta:
          model = Chat
          fields = ('roome_name','chat_user_one','chat_user_two','lastUpdated','chatImage')
      def get_chatImage(self, obj):
          image=UserImage.objects.filter().first() //(for Test) 
          serializer = GetUserImageOneSerializer(image)
          return serializer.data

```

What I am trying is to pass image of the user in chat serializer (Field=‘chatImage’) .  
For better behavior in UI I need square crop image ,so I tried to use nesting of serializer (‘GetUserImageOneSerializer’ inside ‘ChatUserSerializer’) .  
If you see I have done nesting through MethodSerializer .  
But I am only getting normal URL .  
can you help me to find better way to implement my idea 🙂

Following is the output which I am getting

OUT PUT :

```auto
[
    {
        "roome_name": "BISM1000BISM1000",
        "chat_user_one": 6,
        "chat_user_two": 5,
        "lastUpdated": "2021-12-11T10:29:21.589947Z",
        "chatImage": {
            "image_one": "/media/userimage/team-1.jpg"
        }
    }
]

```

I need “image\_one”: “/media/userimage/team-1.crop\_400x400jpg”

---

<div class="post-metadata">

**Author:** ![mubashir-v](https://sea2.discourse-cdn.com/flex026/user_avatar/forum.djangoproject.com/mubashir-v/32/6642_2.png) [@mubashir-v](https://forum.djangoproject.com/u/mubashir-v)\
**Post date:** [December 13, 2021, 4:35pm UTC](https://forum.djangoproject.com/t/not-able-to-retrieve-fetch-versatileimage-link-cropped-url-in-serializermethodfield/10990/2 "2021-12-13T16:35:38Z")

</div>

Got solution i made mistake in image serializer 🙂

```auto
class GetUserImageOneSerializer(serializers.ModelSerializer):
   image_one = VersatileImageFieldSerializer(
        sizes=[
            ('medium_square_crop', 'crop__400x400'),
        ]
        )
    class Meta:
        model = UserImage
        fields = ('image_one',)

```