Featured Image Responsive?

  • Resolved jackmac71

    (@jackmac71)


    2 years ago

    Hi there,

    I’m playing around with the idea to switching to blocksy, but I have a question about responsivness.

    I let WordPress create a thumbnail image with 200 pixel, a medium size image with 400 pixel big size is zero, because I load up an optimized webp image with 800 pixel.

    800 pixel is the size for my featured image on my blogposts on desktop, but it loads on mobile too with 800 pixel altough I have a medium size image with 400 pixels.

    Can Blocksy load the featured image in different sizes for different viewports like desktop / tablet and mobile and uses it the created alternative images for that or I have to install an extra plugin like shortpixel adaptive images?

    Thank you in advance for your answer and best regards

    Marc

Viewing 1 replies (of 1 total)
  • Eduard

    (@cteduard)

    2 years ago

    Hello @jackmac71

    WordPress already loads the appropriate image for each device. But, as with today’s technology, screen densities are very high, which means that the full resolution image must be loaded as otherwise it would look pixelated. If you look very closely at the source code of the featured image (or pretty much any other image), you will see that it has a srcset parameter – this is the one that controls which image is loaded for each device. You can read up more on this here – https://docs.imgix.com/getting-started/tutorials/responsive-design/responsive-images-with-srcset.

    I wouldn’t advise you to modify this system, as it can break some scenarios. But if you need to modify it, it would be advisable to implement a specialised plugin or additional code.

    Hope this clears things up!

    Thanks.

Viewing 1 replies (of 1 total)

The topic ‘Featured Image Responsive?’ is closed to new replies.

  • 1 reply
  • 2 participants
  • Last reply from: Eduard
  • Last activity: 2 years ago
  • Status: resolved