How to manipulate image loaded by background: url();

Question

I loaded an img that got too big, right through the css style sheet, how to decrease it, because it appears only a piece.

Answer 1

Use the background-size: TAMANHO_AQUI; Change TAMANHO_AQUI to the size you want. But this is not advisable, and yes, your image be optimized already in some image editing program, for the size you want, put this affects the performance of your website.

Answer 2

Manipulating css:

div {

background: url('fotourl');

background-size: 25%;

border: 2px Solid #92b901;

width: 300px;

height: 200px;

}

This site teaches various shapes and properties to background url css images: https://www.w3schools.com/cssref/css3_pr_background-size.asp