Hi Team
I face a challenge with the logo I upload within Glide.
My logo is black (background) + white text.
The accent color in my app is purple.
I keep observing some purple at the edge of my logo in the loading screen and in some experiments in the logo at the top left.
What are the ideal dimensions or shape of the logo I upload?
Is there anything else I can do?
Thanks a lot for your support!
You can use the Icon or the logo.
The logo will be inside the app(top left), note: the logo comes as it is no corner padding.
The Icon will be on the loading screen + note: the app icon. And it has a corner padding.
What are the dimensions you are using now? Is it a 1:1 ratio?
Yes, it’s 1:1
Is there a recommendation when it comes to dimensions or types of assets used for the icon and/or the logo?
I looked around the forum, but I didn’t find anything similar
Well, I think ratio is more important than pixel size. Generally square is common along with a few standard ratios depending on where they are displayed. I don’t really have a definitive guide on what size a logo should be.
Can you share a screenshot of what’s happening so we can better understand? What type of image is it? Does it have any transparent parts to it?
Thanks Jeff.
I tried to play with it.
I used a square design, exported by Canva, with a single color to test what happens.
I was still getting the borderline in purple (the color of the app), and that’s when I asked here.
So I concluded that there is some processing that takes place there.
Thanks a lot! I will figure something out!
Here’s the transformation Glide is doing based on the URL I tested, using Cloudinary:
• Cloudinary fetches the image from Firebase.
• It resizes and crops the image to 300x300 pixels using the specified mode.
• It serves the image in the optimal format for the user’s browser.
I don’t think I ever have this problem, I think 1:1 should work just fine. If you can share the image, we’ll be happy to assist.