You can use retina image for the avatars by using srcset attribute.
Then the avatars will be sharper on retina screens on tablets and phones.
Actually the natural size requested from Gravatar is 80x80px but css scale it to 55x55px .. so it would be better to request a size on 55x55px and then maybe just use border-radius: 50% for div.logitem img
2x and 3x describe the image for screens with DPR (device-pixel-ratio) on 2 and 3. So these images is just 2 and 3 times the original size. If srcset is not supported it fallback to src attribute, but it is pretty well supported by modern devices both tables and phones.
enkelmedia
commented
9 years ago
You can use retina image for the avatars by using
srcsetattribute. Then the avatars will be sharper on retina screens on tablets and phones.Actually the natural size requested from Gravatar is 80x80px but css scale it to 55x55px .. so it would be better to request a size on 55x55px and then maybe just use
border-radius: 50%for div.logitem img2x and 3x describe the image for screens with DPR (device-pixel-ratio) on 2 and 3. So these images is just 2 and 3 times the original size. If srcset is not supported it fallback to src attribute, but it is pretty well supported by modern devices both tables and phones.
See this screenshot from my tablet in full size.