leora
leora

Reputation: 196539

Where do you store images for asp.net mvc projects and how do you reference them from site.master

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

Answers (5)

vijay chauhan
vijay chauhan

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

serendipity07
serendipity07

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

Fryderyq
Fryderyq

Reputation: 317

or in mvc2:

<img src="<%: Url.Content("~/Images2/landingMain/safety.png") %>" alt="safety" />

Upvotes: 2

mxmissile
mxmissile

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

A Salcedo
A Salcedo

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" />

alt text

Upvotes: 119

Related Questions