У меня есть этот значок

На моей локальной машине он отображается с прозрачным фоном в браузере:

Однако, когда я помещаю его на работающий сервер, прозрачный фон исчезает:

Я подумал, что, может быть, что-то случилось с тем, как я создал favicon (через JQuery) на живом сервере.
$('link[rel="shortcut icon"]').attr('href', 'images/database_icon.png');
Тем не менее, изменение его в качестве значка для каждой страницы в моем header.php не привело к изменению фона изображения:
<link rel="shortcut icon" href="../images/database_icon.png">
Что вызывает белый фонна сервере, оставаясь верным на моей машине?
Редактировать Оба работают под управлением Apache в Linux (у меня Ubuntu 18.04 Desktop, а сервер - Ubuntu 16.04 Server).Это происходит только на Chromium.Я пробовал Chrome, Brave и Firefox, и он был прозрачным как на моей машине, так и на сервере.
Любые идеи будут с благодарностью.