There are a number of things to consider when exploring what you need when it comes to image creation within WordPress. From an SEO perspective, having images sit within elements and using background-image: cover you lose the utilization of the alt and title tags.

  • Responsive images using srcset.
  • Compression using LiteSpeed Cache, TinyPNG or ShortPixel plugins.
  • Utilising <picture> element to leverage different ratios depending on device
  • Leveraging WebP for optimal compression