*SOLVED* Touch icon *SOLVED*

[etcbbu]

I was running my website

ktravisj.com

Through this web-checker here:

ionos.com/tools/website-checker

And it was saying how I need to upload an Apple Touch Icon.

So, I went to every page in my .WBS project, and right-clicked on each page and went to

Page Properties >> Apple touch icon

And the image I picked is 152 pixels x 152 pixels , and is .png , and I even named it apple-touch-icon-152x152-precomposed

But then when I ran my website through that checker again, it is still saying I still need to upload the Apple touch icon.

Is there something else I need to do..? Is there something I am doing wrong..?

[BaconFries]

This might sound silly but did ypu publish all tje pages again?

[etcbbu]

(haha--no "sound silly" at all, y'all have seen the dumb stuff I have done/not-done, over the years; I blame it on blonde-moment)

But yes, I *did* publish the entire website after I uploaded this image as the Apple Touch Icon on every page in my .WBS project, and before I ran it through the checker again.

[etcbbu]

And I mean, this is what the checker suggests I do:

Code: Select all

Create touch icon
Use a memorable logo as the touch icon so your website will make a good impression as a bookmark on mobile devices.
Hide solution

    Create your logo as a PNG image file. To support current devices the file should be available in two versions: 152x152px and 120x120px.
    Save these files and name them 'apple-touch-icon-152x152-precomposed.png' and 'apple-touch-icon-120x120-precomposed.png' respectively, then upload them to your webspace in the root directory of your website. Now insert the following code in the head area of your website:

<link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120-precomposed.png" /> <link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152-precomposed.png" />

And no, I have not done *that*, I have only used my chooser in .WBS file to select the PNG file.

[Pablo]

I do not see the Apple logo in the HTML of your website, are you sure you have republished the page?

[etcbbu]

Where are such images programmed to upload whenever they are selected from the chooser in that field? Root? Or " /images " sub-folder?

[etcbbu]

I've changed the image file both to being called

apple.png

apple.png.png

And republished the site, and still, nothing..?

The file-dimensions are 152 pixels x 152 pixels. Is that wrong/bad? Too large or too small..?

[Pablo]

I do not think the format or size has anything to do with this.
WWB simply adds the selected file to the page.

[etcbbu]

I don't get it, then; is this type of thing something that just takes a day or a few days to populate out and sort of register as being changed..?

The image is now

apple.png

I dunno why I cannot see it whether I try to navigate to

ktravisj.com/apple.png

nor

ktravisj.com/images/apple.png

[Pablo]

Did you publish the files to the correct folder?
Are there any errors in the publish log?
Do you see the code if you locally preview the page?

[etcbbu]

I'm uploading it to the same folder I always upload my entire website to;

No errors in the publish log;

When I do a "Preview", no, still don't see apple.png anywhere in my Source Code.

[Pablo]

Where exactly did you add the icon?

[pajadt]

Hi
also you must add code between head tags like this

Code: Select all

        <link rel="apple-touch-icon" href="apple-touch-icon.jpg">
        <link rel="apple-touch-icon" sizes="72x72" href="apple-touch-icon-72x72.jpg">
        <link rel="apple-touch-icon" sizes="114x114" href="apple-touch-icon-114x114.jpg">

NOTICE: This is code is when is icon in root website / not in any folder /, and jpg picture format, so you change in png in code if use that picture format.

[etcbbu]

It must be jpg?

[BaconFries]

Not wanting to confuse you any more but see the following
https://stackoverflow.com/questions/299 ... and-iphone

[etcbbu]

I added this code in between the HEAD tags:

Code: Select all

<link rel="apple-touch-icon" href="apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="apple-touch-icon-114x114.png">

And then uploaded three different images

apple-touch-icon.png
apple-touch-icon-72x72.png
apple-touch-icon-114x114.png

to my web-root, with a separate FTP Client, and the ionos web-checker still doesn't seem to find my Apple Icon.

[Pablo]

The code seems to be correct. Maybe there is a problem with "ionos web-checker"?

[etcbbu]

Their checker was pulling in an old slate of results they had given to me. Yes, it looks like this is working, now--the checker sees it now, too.

Thank y'all for talking me through it! WB IS THE BEST!

--etcbbu