How do you ensure the sizes of the images in a website are of the same without interfering with the pixels.

Answer 1

I think you mean how do you resize a picture such that it will be convenient without being too much stretched horizontally or vertically

one way to do that is to multiply the dimensions of the picture with a number, for example if the size of the picture was 300x400, if you resize it to 600x800 it would still be as nice looking as the original size

you can also do that using css, use background-image property to insert the picture then resize it using background-size property using either pixels or percentages and change its position with background-position

Answer 2

I want to add something to my previous reply, background-image is set to repeat by default, use background-repeat: no-repeat

Answer 3

Ahmad Sulaiman made a very good contribution👍🏾

Answer 4

What do you mean? Can you rephrase it please?

Answer 5

Have you ever inserted an image when you are coding and try to make changes of the width and height? There is a way they stretch and look funny.

Answer 6

There are ways. You can use either relative or non-relative units, and much more. But the best way in my opinion is to use pixels.