OT: Srcset

[osgood_]

What width of images are you using, assuming you are using 3 - desktop, tablet, mobile?

I just saw one of the companies I follow are now using srcset, so its time for me to follow. I think. Mind they are not using it very well as they are just resizng the orginal images width (quick and very dirty) so by time it gets to tablet and smart phone it looks stupid. The only way is to individually crop the image if you want to maintain a sensible ratio of height to width.

At this stage I'm not concerned with retina, just need to keep it simple to try and save on download time.

Os

[pziecina]

osgood_  wrote

Even more confusing I think I might like the <picture> tag solution better.

I'll go through each solution again tomorrow and try an pin it down making sure I include all the necessary mark-up!!!

You are on your own with 'picture'

I gave up with it, once I tried to work out how it fitted in with using 'figure' and 'figcaption'.

[osgood_]

pziecina  wrote

osgood_   wrote

I gave up with it, once I tried to work out how it fitted in with using 'figure' and 'figcaption'.

Hummm just throw another problem into the mix, why dont you. I'll just probably forget about the figure/figcaption

[pziecina]

LOL

[osgood_]

pziecina  wrote

If you like, think of it as the decision when/if to move over to Muse

That's not going to happen in my lifetime. I'll advertise myself as a dog-walker/sitter instead. (probably make more money anyway)

[pziecina]

Just thought I would point out -

The only thing I found easy about using srcset, was when using the same image size but different resolution, (e.g. 1x, 2x, 3x).

Think of it like learning html layouts all over again, but with media-queries thrown into the html, just to complicate things.