# What are the advantages of Large Media vs saving images in src?

**URL:** <https://answers.netlify.com/t/what-are-the-advantages-of-large-media-vs-saving-images-in-src/25949>\
**Category:** Opentalk\
**Tags:** netlify-large-media-nlm, create-react-app\
**Created:** [November 8, 2020, 9:21am UTC](https://answers.netlify.com/t/what-are-the-advantages-of-large-media-vs-saving-images-in-src/25949 "2020-11-08T09:21:43Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![zhjngli](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/zhjngli/32/18132_2.png) [@zhjngli](https://answers.netlify.com/u/zhjngli)\
**Post date:** [November 8, 2020, 9:21am UTC](https://answers.netlify.com/t/what-are-the-advantages-of-large-media-vs-saving-images-in-src/25949/1 "2020-11-08T09:21:43Z")

</div>

I’m creating a react app which will serve some images (~200 kb each). If I want to serve the images dynamically from different pages in the app, is it better to import the images through the react source code? Or is it better to use Large Media?

Are there advantages of using Large Media, such as worldwide CDN which is able to deliver the images faster? Or other considerations I don’t know about?

---

<div class="post-metadata">

**Author:** ![jonsully](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/jonsully/32/15053_2.png) [@jonsully](https://answers.netlify.com/u/jonsully)\
**Post date:** [November 12, 2020, 9:56pm UTC](https://answers.netlify.com/t/what-are-the-advantages-of-large-media-vs-saving-images-in-src/25949/2 "2020-11-12T21:56:42Z")

</div>

Hey @zhjngli! 👋🏻

A great question, and a good reminding dig for me too, so thanks!

Here’s a few things.

- With most [Git LFS](https://git-lfs.github.com) implementations, you get dynamic out-of-the-box image transformations.
- Your repository size stays small (just code) - which can be an issue depending on how much content you have (GitHub _does_ have a maximum repo size, btw!)
- Cloning your repo is _significantly_ faster (remember that the Netlify Build agent clones your repo to the build box when you build)
- “Media” can be a gray line for _images_ (I keep the images for my website in Git, truth be told) but that’s a _very_ different story when you’re talking about music/audio, videos, etc. – Lots of other content types easily reach the multi-GB range! You can’t keep those in a repo 😛

Hope that helps!

–  
Jon

---

<div class="post-metadata">

**Author:** ![AaronP](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/aaronp/32/14904_2.png) [@AaronP](https://answers.netlify.com/u/AaronP)\
**Post date:** [November 12, 2020, 10:50pm UTC](https://answers.netlify.com/t/what-are-the-advantages-of-large-media-vs-saving-images-in-src/25949/3 "2020-11-12T22:50:18Z")

</div>

> [@jonsully](#):
>
> With most [Git LFS](https://git-lfs.github.com) implementations, you get dynamic out-of-the-box image transformations.

I thought one of the main features of Netlify large media was the image transformation? I often see it recommended that you use Git LFS if you aren’t taking advantage of the transformation. Just curious as you mention most come with transformations out of the box, any examples? 🙂

---

<div class="post-metadata">

**Author:** ![zhjngli](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/zhjngli/32/18132_2.png) [@zhjngli](https://answers.netlify.com/u/zhjngli)\
**Post date:** [November 16, 2020, 10:54pm UTC](https://answers.netlify.com/t/what-are-the-advantages-of-large-media-vs-saving-images-in-src/25949/4 "2020-11-16T22:54:05Z")

</div>

Are there any considerations other than cloning or image transformations?

Also, are the image transformations really fast? If I already know the sizes of each image I might need to load, it seems that it could be better to generate a few different sizes and store it in src

---

<div class="post-metadata">

**Author:** ![jonsully](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/jonsully/32/15053_2.png) [@jonsully](https://answers.netlify.com/u/jonsully)\
**Post date:** [November 17, 2020, 2:39pm UTC](https://answers.netlify.com/t/what-are-the-advantages-of-large-media-vs-saving-images-in-src/25949/5 "2020-11-17T14:39:44Z")

</div>

> [@zhjngli](#):
>
> Also, are the image transformations really fast? If I already know the sizes of each image I might need to load, it seems that it could be better to generate a few different sizes and store it in src

Yeah that can work in some cases, but if your pile of images is already 1GB _then_ you want to additionally generate and store thumbnails, your repo will start failing 😛

They are very fast, and I believe they get cached as well so once they’re generated, they’re available as fast as your static images would be anyway. Haven’t read _too_ deep into Netlify’s LFS (though I just lined up a project where I’ll need to use it so I’ll learn quick…) but I would imagine they cache based on a hash of the image file itself, so transformations etc. ought to be the same across deploys if the images don’t change. Just meaning that I don’t think transformations would need to regenerate on each deploy 🙂

–  
Jon

---

<div class="post-metadata">

**Author:** ![zhjngli](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/zhjngli/32/18132_2.png) [@zhjngli](https://answers.netlify.com/u/zhjngli)\
**Post date:** [November 18, 2020, 2:51am UTC](https://answers.netlify.com/t/what-are-the-advantages-of-large-media-vs-saving-images-in-src/25949/6 "2020-11-18T02:51:38Z")

</div>

Thanks! Yea, that makes sense, I remember vaguely reading elsewhere that hashing could slow down Netlify’s robust caching
