Retina Ready Responsive Background Images

[missmiija]

Hello,

How do I go about making my background-images Retina Ready? The theme I used has instructions for the Header, but I’ve added a background image to the bottom of my H1 entry-title and for my comments. Wondering if I still create my image twice the size but since it’s at the bottom of my H1 tag what size would I specify? I hope I make sense. As well with the Comment Button, I only used a background image on the right side to make it look like a banner tag.

Here is a link the the “start” of the blog. I don’t have much up yet, as I am working locally and quickly put this up so you could see.

http://www.test.everybodyneedsalittlesugar.com

[Atelierbram]

Link to subdomain is suffering from hypoglycemia.

[missmiija]

Sorry! Here, hopefully this works

http://www.testing.everybodyneedsalittlesugar.com

[Atelierbram]

@missmiija

Many ways to skin a bird; had to slaughter yours for small sized inline SVG (which will look sharp, even on high definition screens):

http://codepen.io/atelierbram/pen/EmCku

P.s.: nobody really needs (refined) sugar

[missmiija]

Thank you. Really appreciate it.

Haha, that’s the tagline she has for the blog.. .not mine.

[Atelierbram]

Your welcome.
Ok, the tagline, understand now it’s your clients, … am not of the anti-sugar police or something, but that url … well … I suppose it would get really long with an added disclaimer for certain types of diabetics and/or hypoglycemics.

[missmiija]

I tried my hardest to get her to buy a different domain with a shorter url, but no luck!!! Oh well.

[Author]

Posts