How to use images when developing Chrome Extensions

Step 1 : You need to mention the images in the permissions

"permissions": [ "logo.png" ],

Step 2: To get the relative path of the image you can use the following

var url = chrome.extension.getURL('logo.png');
$("#wfit-header img").attr("src", url);