do I have to use images with fixed size in css or use some fixed size in html?

  • Resolved johannes999

    (@johannes999)


    1 year, 5 months ago

    hello,

    when I tried gmetrix and google insights I saw I had problem with images size.

    I erased all of them and made only 1 as an example for header with 4 resolutions.

    660-350 for mobile , 920-450 for tablet

    1600-950 for laptop and 1920-950 for large screens.

    I made also made page text images with 3 resolutions

    360-350 for mobiles ,

    660-350 and 920-400 for tablet,laptop and large screens.

    to get benefit of this resolutions I think I have to paste all of them in media queries in style.css and not anymore in html?

    my question is what do you think exactly do I have to use it in html or just in css with fixed sizes.

    I have also converted the images to webP .

    I have installed jetpack,litespeed cache free version and also added gzip code in htaccess plus I have just added wpcompress plug in .

    I want to get the score about 90+ above or higher for everything in google insights and gmetrix.

    I want to have the right idea from you which style is the best css or html.

    I see with html you can use also in alt keywords for the images in place of image name?

    I just want advice from professinal before I made my decision.

    thanks

    • This topic was modified 1 year, 5 months ago by johannes999.
Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter johannes999

    (@johannes999)

    to make it clear I ask the question in onother way.

    I see this text in google:

    How does WordPress handle images?

    How Does WordPress Process Images.?Once you upload an image to your media library, WordPress will automatically generate additional images with three default sizes and store them separately. Therefore, you will see four image options when you are uploading an image – thumbnail, medium, large and full-size.

    now my question is I uploaded an image with 1920-950 pixels for my header .

    and I insert this image in header.php with the size 1920-950.

    for example: I have media query between 361 to 660 pixels ..

    now when I open my iphone 14 I see my header image but does wordpress using thumbnail or medium size or it is using 1920-950 pixels image?

    the same question I ask for example untill max 360px(media query)

    does wordpress using thumbnail image for my header or it is using 1920-950 pixels image?

    thanks

    Thread Starter johannes999

    (@johannes999)

    as an answer I found suddenly this article in google:

    https://novo-media.ch/en/web-optimization/responsive-images-wordpress/

    thanks everyone

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘do I have to use images with fixed size in css or use some fixed size in html?’ is closed to new replies.