New answers tagged

0

For the best image size you must use @media screen.@media screen can make a responsive site so this can be helpful to you. HTML <div> <img src="https://rblbG.jpg" class="image"> </div> CSS @media screen and (max-width: 768px) and (min-width: 320px) { .image { width: 100px; height: auto; }


0

PageSpeed Insights for example isn’t using “real devices” with resolutions. Also see this post: What is the screen size used by Google's PageSpeed Insights for mobile previews? I would suggest using image sizes near your css breakpoints (assuming you have a responsive design).


Top 50 recent answers are included