Add [UIHint(UIHint.Image)] to your property so that it will be recognized as an image. It will now look for a display template called Image. Take a look at the alloy mvc templates and the Image.cshtml file.

But that will just display it as a img tag with only the src attribute. I want to utilize the AlternativeText and the Copyright properties aswell.

Ah, I see.
The ImageFileController in the mvc templates will be used if you drop an image into a content area. However, if you want to render it the same way when you use it as a property on a page, I think you will need to create a view model for your page. On the view model you should put a property of type ImageFile, and then fetch the value from the content repository.
You should then be able to use Html.PropertyFor(...) on the ImageFile property to get the desired behavior.

An easier way to do it:
I made an extension for rendering content references. 

        public static void RenderContentReference(this HtmlHelper html, ContentReference contentReference)
        {
            IContentData contentData =
                ServiceLocator.Current.GetInstance<IContentRepository>().Get<IContent>(contentReference);
            IContentDataExtensions.RenderContentData(html, contentData, false, html.ViewContext.ViewData["tag"] as string);
        }

And changed the display template to:

@model EPiServer.Core.ContentReference
@{ Html.RenderContentReference(Model);}

It will now use the ImageFileController

Would you mind giving me an example? I did the following and all i get is an error "No parameterless constructor defined for this object."
Added a ContentReference to my pagetype:
[ContentType(DisplayName = "Artikelsida", GUID = "168eb06f-d640-4a36-ae9b-13a53f2c16ed", GroupName = Global.PageTypeGroupName.Default)]
public class ArticlePageType : BaseContentPage
{
    [UIHint(UIHint.Image)]
    public virtual ContentReference Image { get; set; }
}
Added an imagefile property to my viewmodel och added it in my controller:
public ActionResult Index(ArticlePageType currentPage)
{
       var contentRepository = ServiceLocator.Current.GetInstance<IContentRepository>();

    var imageFile = contentRepository.Get<ImageFile>(currentPage.Image);
    var model = new ArticlePageViewModel(currentPage)
    {
        ImageFile = imageFile
    };
    
    return View(model);
}

And added this to the view:

@Html.PropertyFor(x => x.ImageFile)

The partial view for the ImageFileControll looks like this:

@model Metamatrix.Standard.Models.ViewModels.ImageViewModel

<img src="@Model.Url" alt="@Model.Name" title="@Model.Copyright" class="image-file" />

Have you added the StructureMapDependencyResolver? If not, the dependency injection will fail on the ImageFileController (the UrlResolver that is being passed through the constructor).

You have two options: Include the DependencyResolverInitialization and StructureMapDependecyResolver files from the alloy project. Or you could change the ImageFileController to have an empty constructor, and then fetch the UrlResolver using

ServiceLocator.Current.GetInstance<UrlResolver>();

I used your second suggestion and it  worked! Didn't get any on page editing though so I had to apply @Html.EditAttribute(x => x.CurrentPage.Image). Would you say this is the best practice or?

You could try renaming the property name from "ImageFile" to "Image" on your view model. If the property names are the same, EPiServer should automatically be able to map the two properties. I'm not 100% sure it will work since it is two different types though. If it does not work, your approach using EditAttribute is the correct one.

Thank you for all your help!

Hello,

I followed the information above. Implemented a RenderContentReference helper. A ImgaeFileController. Call the helper from a View. I have also made different controllers using Tags to handle different scenarios. Everything works fine :) Than you!

No I'm a wodering how I can do to have the same funtionality for a Xhtml property?