Si en un Master Page de ASP.NET pones alguna imagen de esta manera:
- <img src="Imagenes/MiImagen.jpg">
Todo va a funcionar bien siempre y cuando las páginas que crees a partir de tu Master Page se encuentren en la misma carpeta que el Master Page.
Intenta crear un fólder y crea una página basada en tu Master Page dentro del fólder y verás que la imagen no se ve.
Esto es porque el Master Page no modifica la ruta de tu imagen.
Para que lo haga, escribe lo siguiente en tu Master Page:
- <img src="~/Imagenes/MiImagen.jpg" runat="server">
La tilde, ~, sumada a la propiedad runat="server" le indican a la Master Page que reescriba las rutas de acuerdo al fólder en que se encuentra la página basada en el Master Page.
Está bien la solución anterior, pero lo mejor que puedes hacer es siempre utilizar tags de servidor. Así que para el ejemplo anterior utiliza:
- <asp:Image ImageUrl="~/Imagenes/MiImagen.jpg" ID="Image1" runat="server" />
Con la tilde, si tienes una página en una subcarpeta, la imagen se reescribirá así:
- <img src="../Imagenes/MiImagen.jpg">
Esta manera de manejar las imágenes es ideal porque si en un futuro mueves tu aplicación a cualquier otro fólder virtual, no necesitarás modificar las rutas de las imágenes.