これは、すべての標準化されたUnicode絵文字が正方形に収まるように設計されており、サイトがテキストや他の絵文字と並べて使用するのに適したサイズで絵文字を表示したいと想定しているためです。もしこのティーポットが50x50だったら、行間にこのような大きな隙間ができてしまいます。
元々追加された際の詳しい説明があります。
また、 Multimedia: Images - Learn web development | MDN からの補足情報もあります。
画像の
widthとheight属性がHTMLの<img>要素に含まれている場合、ブラウザは画像が読み込まれる前に画像の縦横比を計算できます。この縦横比を使用して、画像を表示するために必要なスペースが予約され、画像がダウンロードされて画面に描画される際のレイアウトシフトが軽減または防止されます。レイアウトシフトの軽減は、優れたユーザーエクスペリエンスとウェブパフォーマンスの主要な要素です。…
…
この10年間、開発者のベストプラクティスとして画像のHTML
<img>要素のwidthとheight属性を省略することが推奨されてきましたが、縦横比のマッピングにより、これらの2つの属性を含めることが開発者のベストプラクティスと見なされています。
とはいえ、デフォルトのサイズ設定がすべての絵文字に適合しないという、もっともな例を挙げていただきました。あの古い乾杯の絵文字は幅が3倍なので、正方形にきれいに収まりません。他のアプリでもすべての絵文字を正方形に制限しているのは珍しくないので、私たちの動作もそれほど異常ではありません(SlackやDiscordも同様です)。しかし、カスタム絵文字の寸法をオプションで設定できるようにすることも検討できます。
