Skip to main content ↑ ↓
Topic: Ideal size for header image (Read 3804 times) previous topic - next topic
0 Members and 1 Guest are viewing this topic.

Re: Ideal size for header image

Reply #15 –

maybe "audit" some the other images

see if any can be dropped altogether
or maybe shrink some by a small amount... 2% spread across a few imges could add up to quite a bit over the long term


imagine what just 1% of each icon and smiley could amount too




 

Re: Ideal size for header image

Reply #16 –

Use the PICTURE element.

Code: [Select]
<picture>
	<source media="(min-width: 40em)" srcset="large.jpg">
	<source media="(min-width: 30em)" srcset="med.jpg">
	<img src="small.jpg" alt="Fallback img.">
</picture>

Combine with Picturefill for older browsers and you're golden.