Reputation: 196539
I have a new asp.net mvc project and i am trying to figure out the best place to store images and also how i would reference them from site.master (in cases where i have a header images that i want to show up on all pages).
Suggestions or best practices?
Upvotes: 94
Views: 109372
Reputation: 11
U must put all your images in Content Folder like :- Content-->Images-->.IMG files and same as style sheet files Content Folder like Content-->.css hence it easily load the images and css otherwise it is not executed in proper manner.
Upvotes: 1
Reputation: 4326
<img src="@Url.Content("~/Content/Images/logo.png")" />
Using this in a Razor view on MVC 5. Images are stored in /Content/Images.
Upvotes: 26
Reputation: 317
or in mvc2:
<img src="<%: Url.Content("~/Images2/landingMain/safety.png") %>" alt="safety" />
Upvotes: 2
Reputation: 11673
<%=Html.Image("~/Content/Images/xxx.png")%>
This resolves from wherever you are in the site hierarchy. Html.Image is a part of the the Microsoft.Web.Mvc futures assembly.
Upvotes: 8
Reputation: 6478
What I generally do is create an "Images" folder inside my Content folder. Where you place your images is really up to you, as long as you are consistent.
Referencing these images from your Site.Master is the same as if you referenced it from any view:
<img src="/Content/Images/mylogo.png" />
Upvotes: 119