<html>
<head>
<style>
</style>
</head>
<body>
<div class="container">
<img src="1.gif" alt="">
<img src="1.png" alt="">
<img src="2.gif" alt="">
<img src="2.png" alt="">
</div>
<script>
document.querySelectorAll('.container img[src$=".gif"]').forEach(el => el.src = 'http://forumavatars.ru/img/avatars/0014/21/71/4-1403302678.png');
</script>
</body>
</html>
для современных браузеров