Watch a live product demo 👀 See how Sanity powers richer commerce experiences

Why are there Differences in Image File Sizes (Compared to the Browser) when Querying for an Image by ID?

4 replies
Last updated: Jan 19, 2021
Hey, trying to understand the difference in sizes when querying for an image by id. For example:• Sanity client says size = 933478
• browser request content-length = 1249489
• browser request size (network tab) = 1.3MB
So why is the size reported by the client so different from wha the browser reports?
Jan 14, 2021, 9:37 PM
Could you give some more information here? What do you mean by "Sanity client says"?
The last two I would
assume are just rounding differences - 1.24 vs 1.3 MB, though if you give me a URL I could look into it.
If the first is the size that the
sanity.imageAsset
record reports, it could be that the image gets re-encoded with a higher quality than the original (eg if you've uploaded a JPEG with quality 40, it might get re-encoded with quality 75). That's something we should look into improving.
Jan 15, 2021, 4:55 AM
My mistake for not being clear. I mean't that when I query for the image by ID using Sanity client the size in the response is a little lower than what the browser reports. Below is the response with most of the fields removed:
[
  {
    ...
    "size": 933478,
    "uploadId": "oFlMTxzgoNxbTsIJDJ1cV7hHAOmVH6u4",
    "url": "<https://cdn.sanity.io/images/oijolsw2/jc/66cbb2c06dbbffcf77c08d26074273752fefa632-828x780.png>"
  }
]

Jan 15, 2021, 6:48 PM
Gotcha. This is indeed caused by re-encoding of the image, unfortunately. We've got a fix for this lined up, but it might be a week or two before it's out.
Jan 16, 2021, 5:14 AM
Ah ok, good to know. Thanks!
Jan 19, 2021, 3:42 PM

Sanity.io – build remarkable experiences at scale

Sanity is a customizable solution that treats content as data to power your digital business. Free to get started, and pay-as-you-go on all plans.

Categorized in

Related answers

Get more help in the community Slack

TopicCategoriesFeaturedRepliesLast Updated
After adding the subtitle and running this code npm run graphql-deploy It does nothingSep 15, 2020
how to limit a reference to just one entry in Studio reference input side versus the default as-many-entries-as-you-fill-in-an-array...Sep 18, 2020
Is it possible to fetch more than one "_type" using GROQ?Nov 2, 2020
I want to add a view with the Structure builder (S.view.component) where I list similar documents based on the title. What...Sep 23, 2020
Is there a structure builder example where the format of each preview for the document list is modified?Feb 3, 2021
I have an array of references to a country schema type but it always just returns NULL values for meJan 30, 2021
Hi, I need help with a query for getting the url of an image asset. Here is what I've been trying, but I only get the _ref...Dec 1, 2020
Sanity UI looks brilliant :smiley: Is something like the current date picker possible at the moment? I’m not sure if anicon...Dec 21, 2020
Hey everyone. I have been coding and may have potentially accidentally deleted something. Does anyone know how to resolve...Dec 26, 2020
Hello everyone and happy new year :raised_hands::skin-tone-2:, I have a problem with outputting Portable Text :disappointed:...Jan 1, 2021

Related contributions

Clean Next.js + Sanity app
- Template

Official(made by Sanity team)

A clean example of Next.js with embedded Sanity ready for recomposition.

Cody Olsen
Go to Clean Next.js + Sanity app

Blog with Built-in Content Editing
- Template

Official(made by Sanity team)

A Sanity-powered blog with built-in content editing and instant previews.

Go to Blog with Built-in Content Editing