Retrieving image dimensions without rendering <Image/>
Unanswered
Chum salmon posted this in #help-forum
Chum salmonOP
Is there some API to get the original image size (similar to <Image/> component, but without rendering the actuall <img>). For exmaple, I have an array of image URLs (either in public dir or in some remote CDN) and I wanna know width and height of each before they're loaded on frontend. Is there a built-in next.js method to do this?
I know that I can do
Thanks!
I know that I can do
import myImage from '/path/to/image.jpg
and myImage
will contain the data, but what if it's a big array of images and not just a couple of urls?Thanks!
3 Replies
locally then you can do
upstream then use something like [this](https://github.com/coderosh/image-size) or [this](https://stackoverflow.com/a/61339155)
import image from "./path/to/image.png";
<div>{image.height}</div>
<div>{image.width}</div>
upstream then use something like [this](https://github.com/coderosh/image-size) or [this](https://stackoverflow.com/a/61339155)
Chum salmonOP
I see, thank you. Is it a good idea to run those image-size libraries in getServerSideProps?
i think it's ok