Logo on header in Ionic app displays blurry.

I need to add a logo to the header of an Ionic app. I used the code below suggested here (https://getsatisfaction.com/apperyio/...)

background: url();
width: 30px;
height: 30px;

The button displays the picture, but it looks like a rectangle instead of a 30x30 square, so I have to modify the CSS width to 40px. Is this normal?

Also, the image looks very blurry. What can I do to make the image look sharp on the header?

1 person has
this question