**A imagem que usei para fazer os testes é uma engrenagem simples de dimensões 100x100 com o fundo transparente.**

[![inserir a descrição da imagem aqui][1]][1]

Logo de início notei que diferentemente do **Button**, ao criar um **ImageButton** você é obrigado a adicionar uma imagem ao mesmo:

[![inserir a descrição da imagem aqui][2]][2]

Percebam que **se nenhuma imagem é selecionada, a sua criação fica impossibilitada** (o que faz todo o sentido).

Eu selecionei uma imagem para que eu pudesse criar o ImageButton e logo de cara percebi é que atrás da imagem (engrenagem) aparece uma "paradinha cinza" cobrindo todo o seu fundo:

[![inserir a descrição da imagem aqui][3]][3]

Mas e aí? É só isso? Eu poderia muito adicionar um background a um button normal e obteria o mesmo efeito, além de não ter essa "**paradinha cinza inútil**" atrás.

[![inserir a descrição da imagem aqui][4]][4]

**Seguindo com os testes** => Quando aumentei o tamanho do Button de 100x100 para 150x150, obviamente que a qualidade da resolução da imagem diminuiu, mas ao fazer isso com o ImageButton o tamanho da engrenagem permaneceu o mesmo e o que aumentou foi a "**paradinha cinza inútil**" atrás da imagem:

[![inserir a descrição da imagem aqui][5]][5]

Mais uma coisa que também acontece no Button que não acontece no ImageButton, é que ao setar o background do Button, se o mesmo possuir algum texto e o mesmo não for retirado, ele continua aparecendo, **entrando assim em conflito com a imagem**:

[![inserir a descrição da imagem aqui][6]][6]

Em favor do ImageButton (dependendo da necessidade) notei que ao clicar no mesmo, há um efeito no click. É simples, mas há:

[![inserir a descrição da imagem aqui][7]][7]

**No Button também há esse efeito, mas somente quando não é setado nenhum background no mesmo.**

Na MainActivity a declaração e utilização de ambos é mesma:

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-js -->

    package genesysgeneration.classsound;

    import android.content.Intent;
    import android.support.v7.app.AppCompatActivity;
    import android.os.Bundle;
    import android.view.View;
    import android.widget.Button;
    import android.widget.ImageButton;
    import android.widget.RelativeLayout;

    public class MainActivity extends AppCompatActivity implements View.OnClickListener{

        private Button button;
        private ImageButton imageButton2;

        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);

            button=(Button)findViewById(R.id.button);
            imageButton2=(ImageButton)findViewById(R.id.imageButton2);

            button.setOnClickListener(this);
            imageButton2.setOnClickListener(this);

        }

        public void onClick(View v){

            switch (v.getId()){

                case R.id.button:

                    Intent it01 = new Intent(this, Main2Activity.class);
                    startActivity(it01);
                    break;

                case R.id.imageButton2:

                    Intent it02 = new Intent(this, Main2Activity.class);
                    startActivity(it02);
                    break;

            }

        }

    }

<!-- end snippet -->

Em todo o post, citei quase que todas as vezes o "**troço cinza**" que é criado atrás da imagem do ImageButton como "**paradinha cinza inútil**", mas ele (ImageButton) **pode e deve ter alguma utilidade**, só ainda não sei  qual.

Gostaria de saber em **quais casos seria preferível utilizar um ImageButton em vez de um Button** e **quais as suas reais diferenças que não essas**, que considero mínimas e não apresentam necessariamente uma funcionalidade maior e/ou melhor.


  [1]: https://i.sstatic.net/z0fUv.png
  [2]: https://i.sstatic.net/b3vSe.png
  [3]: https://i.sstatic.net/xF3vI.png
  [4]: https://i.sstatic.net/WoNr6.png
  [5]: https://i.sstatic.net/Fv2MT.png
  [6]: https://i.sstatic.net/0jOGZ.png
  [7]: https://i.sstatic.net/VnBhU.gif