Paul Davenport | 04:58
Other Logos include you Favicon, Apple Touch Icon, Mobile, and Email logos.
AI Website Transcript
"So to demo logo on Scroll, I'm just going to go right ahead and upload my logo. So here you can see I've got logo on Scroll. I'll click upload, and I'm going to choose this logo here, which is a variant. Notice the eye on this one is pink, so I'll upload this and press save. And now if I go back to my preview and Scroll, you can see that the logo animates, all it's doing is replacing one logo with the white. As I Scroll, it will replace it to the pink. So that gives you a bit of inspiration there and what you could potentially do with your logo.
Well again, I'll demonstrate this by uploading my fave icon. So I'll go straight to upload here, and I'm going to choose this pink logo here, which is a 100 pixels by 100 pixels. So I'll update that and let's go and save this and take a look at this in the browser. So now if I hit refresh, it's going to swap it from the mobile logo, which is a default to my fave icon, which is the pink. Now, one of the common questions is, why do I make my fave icons 100 pixels when if you do an internet search, it's going to tell you to upload it at 16 or 32px to keep the file size low? Well, things happen with technology, particularly recently, we've had display screens, which are double the amount of pixels. So I'm just future proofing that there. 100 pixels is a very small file. We also compress images and upload as well. So I just choose 100, but if you make your fave icon somewhere between 16 and 100 pixels, that's absolutely fine.
Okay, well now let's move on to show you the mobile logo. So here we can see the mobile logo in the list. If I jump over to the preview and hit the mobile icon, I can see my mobile logo here. Now for Alio, I'm quite happy with my logo as it is. So in this case, I'm not going to upload anything and it will display the default, so I don't need to upload two if my logo's going to be the same. Some people might like to have quite a minimal mobile logo and maybe if you've got an icon, just display the icon only, but there's enough space for it here in the mobile design. So I'm quite happy. So I'm going to skip this and move on to the email logo.
To demonstrate the email logo, I'll go right ahead and upload mine. And as you can see here in my list of logos, I've got a whole bunch of logos, some have got a background and some don't have a background. As you can see here, there's no background. But when you've got an email, you don't know where that email is necessarily going to. Some people might be reading their email, for example, in dark mode, whereas others might be reading it in light mode. So I don't like to send an email with a transparent background. So in this case, I'm going to choose this logo here that's got a solid blue background, so my logo will always be seen.
And finally we'll upload the Apple Touch icon. Well, the Apple Touch icon are the icons that appear on the homescreen of your iPhone or iPad. But typically those icons open apps, but they can also be used to open up web pages. So here we have the icon that will be used if anyone saves any of your pages to their home screen. So for you personally, you might choose to save your contacts or your inquiry screen of your mobile platform to your home screen. So you can click that at any time and see all of those inquiries as they come in, which is what I do with my mobile platform so I can get all of those leads and respond to them immediately without even having to use a CRM."