1

What are the best image sizes for the Google Chrome mobile website audit?

I'm making a WordPress website and want to get the best score possible. There will be an image with 100% width on the top page. I just need to find out what sizes Google wants it to be now.

add_image_size( 'iphone-320', '320', '9999', false );

I'm going to add some code like this to the functions.php file of the template.

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).

|improve this answer|||||
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;

}

|improve this answer|||||

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.