- This topic has 11 replies, 4 voices, and was last updated 4 years, 2 months ago by David.
-
AuthorPosts
-
May 1, 2018 at 4:30 am #564495Stephen
Hi,
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?
Thanks
SteveMay 1, 2018 at 8:24 am #564725TomLead DeveloperLead DeveloperHi Steve,
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 #564822StephenHi Tom,
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.
Thanks
SteveMay 1, 2018 at 9:02 pm #565083TomLead DeveloperLead DeveloperIt 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 #565325StephenHi Tom,
May be I’ve got this completely wrong? Do you mean same file and then resized with CSS?
Thanks
SteveMay 2, 2018 at 9:22 am #565630TomLead DeveloperLead DeveloperYou 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 #565767StephenThanks 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 π
Steve
May 2, 2018 at 2:58 pm #565919TomLead DeveloperLead DeveloperNo problem – let me know if you have any other questions π
May 3, 2018 at 12:45 pm #566749StephenHi Tom,
I managed to get it working, with your help of course π
Thanks
SteveMay 3, 2018 at 3:03 pm #566843TomLead DeveloperLead DeveloperAwesome, glad I could help! π
January 23, 2020 at 1:53 am #1141091Matthiasquick 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 SupportHi there,
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.
-
AuthorPosts
- You must be logged in to reply to this topic.