Render image size depending on screen size

  • arashzakeri

    (@arashzakeri)


    1 year ago

    Hi,
    For example, the main image for a WooCommerce store is 1200 x 900 pixels and I want this image to be selected and displayed on different devices as follows:
    Desktop: 1200 x 900 px
    Tablet: 800 x 600 px
    Mobile: 600 x 450 px
    Can this plugin automatically generate the mentioned sizes when uploading and select the appropriate size according to device type for display?
    Best Regards

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

    (@alvindcaesar)

    1 year ago

    Hi there,

    The theme doesn’t control how responsive images are served, that’s handled by WordPress itself using the srcset and sizes attributes. The theme’s role is to output the appropriate image size (like medium, large, full, etc.), and WordPress fills in the rest based on the available image sizes it generated during upload.

    Thread Starter arashzakeri

    (@arashzakeri)

    1 year ago

    Thanks for your reply @alvindcaesar
    How can I do this operation in WordPress to both create the appropriate dimensions for the image when uploading and use the appropriate image size when rendering. WordPress only allows to set three image sizes in media settings section.
    I also couldn’t get what I want on this settings area:
    Appearance > Customize > WooCommerce > Product Images

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

The topic ‘Render image size depending on screen size’ is closed to new replies.

Tags

  • 2 replies
  • 2 participants
  • Last reply from: arashzakeri
  • Last activity: 1 year ago
  • Status: not a support question