[OS] Windows11
[ブラウザ] Chrome Edge

EC Cube Version 2.13.5


よろしくお願い致します。

バージョン 2.13.5 でかなり古いのですが
左側のカテゴリナビの「商品カテゴリー」のGif画像を
デフォルトの画像から自作のJPEG または PNG に変えたいと思っています。

この部分です。
<p class="category"><img src="<!--{$TPL_URLPATH}-->img/title/tit_bloc_category.gif" alt="商品カテゴリ" /></p>

Gif画像の理解についても足らず恐縮なのですが
GifをJPEGなどに置き換えれば簡単に更新が出来ると思っていたのですが
デフォルトのGif画像をダウンロードしてサイズを調べてみると
127ｘ21 pixel となっており、実際にブラウザで見ている物より
明らかに小さいです。

そこでブラウザの実際のサイズを測ると
だいたい210ｘ42 pixel だったのでこのサイズのJPEG画像を作成し
そのまま置き換えたところ、デザインもずれているし
画像が拡大されて表示されてしまいました。


これはGIFをパーセンテージ表示ような感じで
大きくしたり、小さくしたりして表示させているのでしょうか？

CSSをいじる必要があるのかも知れませんが
どのへんで指定しているのか、該当箇所を見つけられませんでした。

GIF画像を使わすに自作のJPEG か PNG で置き換えたいです。


初歩的な質問で申し訳ありませんが
何卒ご教示のほどお願い足します。