Make background image load at half size:

[jayg-7]

Hello,

I have a pre-loader here:

http://codepen.io/jaygidwitz/pen/zqdJqP

The pre loading animation is a animated gif that looks quite pixelated on retina screens. I need to make it load at 50% of it’s size to make it look okay on modern retina screens. But doing that makes the BG half the screen size.

Do you have any thoughts on making this pre-loader retina ready? Thanks!!

[bearhead]

I’m not quite sure what you’re trying to achieve. Do you just want the heart to be scaled down? If so maybe something like background-size:70px could work?

Maybe it would be better to use an animated svg, css shape, or even an html sysmbol?

here is an example using an html symbol:
http://codepen.io/kvana/pen/rezqaZ

[jayg-7]

Thanks! I think this will work!

[Author]

Posts