Sitecore : How to disable editing of image component on page editor?

I have an image component for which I need to disable its editing ribbon on Sitecore Page Editor so that the author is unable to edit/change the image.

In code:

<sc:Image Field="Image" ID="Image1" runat="server">

I have tried DisableWebEditing="true" but of no use !

Also tried this in code behind

if (Sitecore.Context.PageMode.IsPageEditor) { Image1.DisableWebEditing = true; }

How do i disable the image editing?