SharePoint List Definition Image - How to set it properly

Hi Experts,

I would like to add image to my own List so that it looks different from other SharePoint Lists.

I checked and found that there is an Image attribute in List's Elements.xml file like below

<?xml version="1.0" encoding="utf-8"?><Elements xmlns="http://schemas.microsoft.com/sharepoint/"><!-- Do not change the value of the Name attribute below. If it does not match the folder name of the List project item, an error will occur when the project is run. --><ListTemplate
        Name="EasyAnnouncementList"
        Type="10000"
        BaseType="0"
        OnQuickLaunch="TRUE"
        SecurityBits="11"
        Sequence="410"
        DisplayName="Easy Announcement"
        Description="Easy Announcment Sample List"
        Image="/_layouts/15/images/Easy.Announcement/lteasygen.png"/></Elements>

The default Image is pointing to a itgen.png which has a dimension of 16px x 16 px.

I changed the Image attribute to point to my own image. However, this gives a little bit of Side Effect as shown below

Despite the Tree View i showing correctly, the Site Content view is not showing Nicely.

Question is, how to make sure it shows proportionally/correctly in the Site Content page?

I tried to change my image to 96px vs 96px, but the TreeView turns out funny

Appreciate if someone may shed some lights on this.

Cheng