Currently, I gave myself the task of remaking all images on my website. But before I can do that, I am presented with a big dilemma of choosing appropriate image dimensions, to satisfy ever growing variety of modern devices and screens.
Modern devices grow in both dimensions and pixel densities. No longer exists a simple choice between Retina and non-Retina. For example, iPads use 264ppi, iPhones use 326ppi, 401ppi, 458ppi and 460ppi, while desktop displays use anything from 4k to 6k, usually in 218ppi to 228ppi density.
So, how should I determine generic image dimensions to satisfy all, or most, of those pix density standards. What image dimensions do I actually use and input in image-stack settings?
I’d be very interested to hear thoughts and opinions on this topic from as many of you as possible, because there’s many possible approaches. Perhaps some of you already did a thorough research of this topic?