questo è un piccolo esempio ma si può realizzare in altri modi.

codice:
<!DOCTYPEhtml>
<htmllang="en">

<head>
<metacharset="UTF-8">
<metaname="viewport"content="width=device-width, initial-scale=1.0">
<title>Document</title>

<style>
* {
border: 0;
margin: 0;
padding: 0;

        }

#contenitore {
background-image: url('forest.jpg');
background-size: cover;
width: 100%;
height: 100vh
        }

#footer {
background-image: url('tree.png');
position: absolute;
bottom: 0;
width: 100%;
height: 60px
        }
</style>
</head>

<body>
<divid="contenitore">
</div>

<divid="footer">
</div>
</body>

</html>