Accessing image dimensions on an ImageField in a Django template?

Question

I have ImageField in my model and I'm able to display the image in a template. However, how do I retrieve the image's height and width?

Here is one of the solution by @Nifled, hope that helps - [ImageField image_width and image_height auto fill for existing database?](https://stackoverflow.com/questions/47064339/imagefield-image-width-and-image-height-auto-fill-for-existing-database) — Radek, Jul 09 '19 at 19:49

score 39 · Accepted Answer · edited Aug 08 '17 at 19:20

39

See the documentation for ImageField.

In addition to the special attributes that are available for FileField, an ImageField also has height and width attributes.

So just do the following:

<img src="{{ image.url }}" width="{{ image.width }}" height="{{ image.height }}"/>

edited Aug 08 '17 at 19:20

Ryan Allen

5,414
4
26
33

answered Apr 02 '11 at 10:32

bradley.ayers

37,165
14
93
99

hmmm.. it doesn't work on my end. `{% with post.postimage_set.all as image %}` `` `{% endwith %}` – bonbon.langes Oct 03 '13 at 11:57
@bonbon.langes responding 10 years later, but your example wouldn't work because you are trying to get width and height from a queryset, not a single image object. – Jarad Jan 31 '23 at 03:07

score 8 · Answer 2 · answered Dec 24 '15 at 06:56

In my case, for the width and height fields to work, I need to set the width_field and height_field of the ImageField

E.g.

class Product(models.Model):
    image = models.ImageField(width_field='image_width', height_field='image_height')
    image_width = models.IntegerField()
    image_height = models.IntegerField()

Accessing image dimensions on an ImageField in a Django template?

2 Answers2

Linked