Preferred symbols and tactile images

One of the crucial final touches when launching a website is how you showcase your site in a browser’s UI or on a mobile home screen.

Contained in this session:

1. Symbol
2. Tactile symbols
3. Picture resources
4. Transfer your symbols

Symbol

Symbols are utilized by most browsers to signify your website on browser tabs and in bookmarks.

Tactile symbols

Tactile symbols or Webclips are utilized in locations like Safari’s bookmarks.

These symbols also appear when your website link is saved to your smartphone’s home screen. 

Picture resources

When preparing your web symbol image resources for upload, design a 32×32 pixel image to use as the symbol and a 256×256 pixel image for the Webclip or Tactile symbol.

The title you use in these image resources will be visible in your HTML, so just be cautious not to include anything in your title that you do not want indexed by search engines.

Transfer your symbols

Once your image resources are primed:

1. Proceed to your Project Setting > General tab > Symbols
2. Transfer the images you readied
3. Publicize your site for the alterations to go live
4. Revitalize your live site in your browser to view the upgraded symbol