Retina Logo?

Hi!

Is is possible to integrate a second logo with higher resolution for retina displays? Or do you have another solution? Logos aren't really sharp on retina displays.

Thanks!

You can use double sized logo "shrinked" to 50% size and media-queries to replace the original logo when screen densiti is equal 2:

Code: Select all

@media (-webkit-min-device-pixel-ratio: 2) {
#gkLogo.cssLogo {
background: transparent url('../images/style1/retinalogo.png') no-repeat 0 0;
background-size:57px 57px;
}
}


where size of the image is double of background-image size.
Given values are sample ones.

perfect, you're the best

Thanks
If You will have any other questions, feel free to post new forum threads.