New answers tagged optimization
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
