Same img size served at all widths

  • sjk1000

    (@sjk1000)


    11 years, 1 month ago

    Hi,
    Please correct me if I’m going about this the wrong way, or not understanding the plugins intention. I’m expecting that when I upload a large image,

    a) the uploads directory will get several versions of the same file at different sizes,
    b) the html will contain an img tag with srcset,
    c) that the appropriately sized image will be downloaded dependent on the viewport width
    [ and, d) that Picturefill will provide back-compatibility.]

    a) and b) take place as expected but in Chrome, Safari, Firefox I’m seeing the same full size image served at all screen widths and simply resized with css. Have I misunderstood the plugin?

    https://ww.wp.xz.cn/plugins/ricg-responsive-images/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter sjk1000

    (@sjk1000)

    11 years, 1 month ago

    Bump

    Plugin Contributor Joe McGill

    (@joemcgill)

    11 years, 1 month ago

    Hi sjk1000,

    You’ve not misunderstood the plugin, but the way browsers (and Picturefill) choose the right image to show may be confusing. Generally, the browser should choose the best image based on the viewport width and pixel density of the screen. Once the browser has downloaded an image (this includes cached images), it won’t download a second image unless the one it already has is too small to be useful in order to avoid a second download request.

    Hope that helps.

    Joe

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Same img size served at all widths’ is closed to new replies.