Unity3d new UI: How to set button's interactable zone bigger than the attached image?

Question

I need it because the image is small and it's difficult to touch it on the mobile device. So I need to have bigger area of interactable zone but the image should stay small.

Answer 1

A surprisingly better way (in terms of ease and performance) is to add a text child element, even if you already have one. Leave the text empty and resize it however you like. It doesn't add any alpha.

Answer 2

You need to set it up so that the image is inside a button object. Like this:

This way you can have the Button as big as you want and the Image can be any size. If you don't need the Button background image just make the color transparent in the image componenent of the Button object.