Browser Displays Images Bigger Than Original Size

my web site displays images bigger than their original size. The images are 20% bigger than the original created with photoshop (for example), if an image's width is 200px, the bro

Solution 1:

I've found the solution!

Windows 10 has the default setting of dpi seted to 125% (search dpi into serach box and then look at "update text app and other elements"), this increase the dimension of everything in my monitor, so the images into my web site are bigger of 25%.

What I can do to prevent this behaviour on my web site and continue to use the default windows settings dpi?

Solution 2:

Here are a part of my code:

First of all in the head tag I have this meta tags:

<metaname="viewport"content="width=device-width,initial-scale=1,maximum-scale=1.0,user-scalable=1, height = device-height" />

My css hasn't any zoom or similar, and my html is like this:

<imgsrc="/path-to-image-folder-ebook-cover.jpg">

The width of this image is 250px and in photoshop it looks like perfect, but in browser (chrome or firefox is the same) it looks bigger and blured, but, if I zoom down the browser to 80%, the image is perfect