- This topic has 11 replies, 4 voices, and was last updated 1 year, 3 months ago by David.
May 1, 2018 at 4:30 am #564495Stephen
Am I correct in saying…
– if I use a png logo on my site I need to add 1 png file in Site Identity under Logo, and another png file (twice the size, with file name logo @2x.png) under Retina Logo?
– alternatively, its better to create an svg logo, and add in Site Identity under Logo. Then I don’t need to upload another logo under Retina Logo?
Hope that make sense?
SteveGeneratePress 2.0.2GP Premium 1.6.2May 1, 2018 at 8:24 am #564725TomLead DeveloperLead Developer
That’s correct. No need to name the retina anything specific, but it should be twice the size of the regular logo.
You can use an SVG instead, but be aware that IE doesn’t support them.May 1, 2018 at 10:59 am #564822Stephen
I created a retina logo, twice the size, but it looked worse than the standard logo, and became the main logo for some reason.
I’ll try again tomorrow.
SteveMay 1, 2018 at 9:02 pm #565083TomLead DeveloperLead Developer
It certainly shouldn’t look worse – it’s the same image but resized down to the original logo dimensions. How can you tell which logo is displaying? Are they different?May 2, 2018 at 5:09 am #565325Stephen
May be I’ve got this completely wrong? Do you mean same file and then resized with CSS?
SteveMay 2, 2018 at 9:22 am #565630TomLead DeveloperLead Developer
You should have two separate files, which should be identical logos.
The original should be one size: 50 x 50 for example
The retina should then be 100 x 100 (just an example).
However, they should be identical logos.May 2, 2018 at 11:33 am #565767Stephen
Thanks Tom. That’s what I tried, but it didn’t work.
I must have screwed-up the image when I saved it.
I’ll try both methods, png and svg to which works.
I installed the recommended plugin but wp won’t allow me to add the svg to a page. Possibly a plugin issue, so I’ve requested support in his forum.
Many thanks for your help 🙂
SteveMay 2, 2018 at 2:58 pm #565919TomLead DeveloperLead DeveloperMay 3, 2018 at 12:45 pm #566749Stephen
I managed to get it working, with your help of course 🙂
SteveMay 3, 2018 at 3:03 pm #566843TomLead DeveloperLead DeveloperJanuary 23, 2020 at 1:53 am #1141091Matthias
quick follow up to that.
Do retina images need a specific name/file format? I wonder about this 2x.
Or can i simply use jpg, png etc. and upload that in the customizer for retina.
Does generatepress rename the image? or can i simply upload e.g. a 500×500 logo.png image as normal logo and a 1000×1000 logo.png for retina.
Another dumb question just out of interest – as i didnt dive into that and maybe you know. the term retina is apple products only isn’t it? But other devices use that to, right?January 23, 2020 at 4:32 am #1141254DavidStaffCustomer Support
Retina Images – you can name them what you want. They should be the same file format as the original logo. Just need to x2 the size in pixels.
WP/GP will do the rest regarding the markup browsers will use to recongnise it as the retina image.
Yep, Retina is an Apple trademark – but the image will be used by any HD device that uses 2x images.
- You must be logged in to reply to this topic.