<div dir="ltr"><div class="gmail_default" style="font-family:arial,helvetica,sans-serif;font-size:small;color:rgb(0,0,0)">Background images can scale if you use the background-size CSS property with % and auto (e.g. background-size: 100% auto;)</div>
</div><div class="gmail_extra"><br clear="all"><div><font face="arial, helvetica, sans-serif">______________________________</font><div><font face="arial, helvetica, sans-serif"><b style="color:rgb(51,51,51)">Taryn Wallis</b><br style="color:rgb(51,51,51)">
<span style="color:rgb(51,51,51)">Phenomenoodle</span><br style="color:rgb(51,51,51)"><span style="color:rgb(51,51,51)">WordPress design & development</span><br style="color:rgb(51,51,51)"><a style="color:rgb(0,0,153)" href="http://www.phenomenoodle.com" target="_blank">www.phenomenoodle.com</a><br style="color:rgb(51,51,51)">
<span style="color:rgb(51,51,51)">+44 1875 34 0044</span><br style="color:rgb(51,51,51)"><span style="color:rgb(51,51,51)">+44 774 839 8473</span></font><br></div></div>
<br><br><div class="gmail_quote">On Fri, Mar 29, 2013 at 7:52 AM, Sami Keijonen <span dir="ltr"><<a href="mailto:sami.keijonen@foxnet.fi" target="_blank">sami.keijonen@foxnet.fi</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
<br><div class="gmail_quote"><div class="im"><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div>
<br>
</div>I may have missed something, but generally, custom header images, if<br>
using the core custom header functionality, are shown as CSS<br>
backgrounds. That's the easiest and most compatible way to do it,<br>
especially if you're designing to look good on mobile too.<br>
<br>
Now, I grant you that you don't *have* to do it that way, but<br>
twenty-eleven/twelve/thirteen all do, and I expect many themes have<br>
copied code from them. Twenty Ten, notably, did not do it that way and<br>
used an IMG tag, with a blank alt.<br>
<span><font color="#888888"><br>
-Otto<br>
</font></span><div><div>_______________________________________________<br></div></div></blockquote><div><br></div></div><div>There are pros and cons using custom header image as CSS backgrounds. Good thing is that you can show it only on larger screens with media queries and large header background don't get loaded on mobile. Not so good thing is that background image don't scale. Imagine that header image is a band image. In smaller screens only quitar player curly hair would be seen. </div>
<div><br></div><div>So my opinion is leave alt tag blank when using it as an image, not CSS background.</div></div><span class="HOEnZb"><font color="#888888"><br><br clear="all"><div><br></div>-- <br>Sami Keijonen<br>Fox Holding Oy<br>
<a href="mailto:sami.keijonen@foxnet.fi" target="_blank">sami.keijonen@foxnet.fi</a><br>
<a href="http://www.foxnet.fi" target="_blank">www.foxnet.fi</a>
</font></span><br>_______________________________________________<br>
theme-reviewers mailing list<br>
<a href="mailto:theme-reviewers@lists.wordpress.org">theme-reviewers@lists.wordpress.org</a><br>
<a href="http://lists.wordpress.org/mailman/listinfo/theme-reviewers" target="_blank">http://lists.wordpress.org/mailman/listinfo/theme-reviewers</a><br>
<br></blockquote></div><br></div>