Retina Logo

[bigdaveygeorge]

Is there a way to upload a high resolution logo, when I view the forum on my phone the logo looks blurry as the image is uploaded at desktop size and not doubled for high dpi displays?

Also what is the 'sharer image'?

[Jim M]

Unfortunately, no retina logo is available out of the box.

The "sharer" logo is the image that is presented to social media sites when sharing.

[bigdaveygeorge]

What size should the share image be?

[Jim M]

We do not impose any restrictions but this is a good guide from facebook for limitations: https://developers.facebook.com/docs/sharing/best-practices#images

[AutoItScript]

11 hours ago, bigdaveygeorge said:

Is there a way to upload a high resolution logo, when I view the forum on my phone the logo looks blurry as the image is uploaded at desktop size and not doubled for high dpi displays?

Also what is the 'sharer image'?

Easiest way is to simply replace all of the template in core \ front \ global \ logo with something like this which serves the retina and non-retina logos in the same way as the retina emoticons:

<a href='{setting="base_url"}' id='elLogo' accesskey='1'><img src="https://www.yoursite.com/logo_210x72.png" srcset="https://www.yoursite.com/logo_210x72@2x.png 2x" alt=''></a>

I do something similar on my site with a .svg logo.

[gavpedz]

I know this is old but was just looking at how to achieve this and this works thanks. I do wonder though is there any benefit in using an .svg over png?

[opentype]

4 minutes ago, gavpedz said:

 I do wonder though is there any benefit in using an .svg over png?

Not necessarily. The advantage of SVG is that it can scale to any size. For a logo with a fixed/maximum size there might not be much to gain from that. 

[gavpedz]

Just now, opentype said:

Not necessarily. The advantage of SVG is that it can scale to any size. For a logo with a fixed/maximum size there might not be much to gain from that. 

Thanks for clarify that.