cancel
Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Showing results for 
Show  only  | Search instead for 
Did you mean: 
search
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0
Upvote

How to code for favicon on dreamweaver 2017?

elizabeths68703424
New Here ,
Apr 23, 2018 Apr 23, 2018

Copy link to clipboard

Copied

I have been trying to add a favicon to my website, but I can't seem to figure out the correct code. I've tried probably a dozen different codes for favicon that I found online but I think dreamweaver might have something different for it.

Also, I have my logo, but when I put it in a favicon converter to make it an .ico file, it gets very pixelated is that normal?

I have tried putting this code in the <head> of my code

<link rel="shortcut icon" href="images/favicon.ico" />

Do I need to save the favicon file in the root file for my website or can I keep it in the images file?

Thanks for any advice you have!

Views

4.0K

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Nancy OShea Community Expert
Community Expert , Apr 23, 2018 Apr 23, 2018

I keep my icons at root level.

When creating icons in Photoshop, I start with 300 x 300 px wide canvas at 96ppi.   And then I reduce size to fit various devices.

<!--favorites icons-->

<link rel="icon" href="/favicon.png" type="image/x-icon">

<link rel="shortcut icon" href="/favicon.png" type="image/vnd.microsoft.icon">

<!-- For third-generation iPad with high-resolution Retina display: -->

<link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png" />

<!-- For iPhone with high-r

...

Votes

Translate

Translate
replies 2 Replies 2
latest latest Jump to latest reply
Nancy OShea Community Expert
Community Expert ,
Apr 23, 2018 Apr 23, 2018

Copy link to clipboard

Copied

I keep my icons at root level.

When creating icons in Photoshop, I start with 300 x 300 px wide canvas at 96ppi.   And then I reduce size to fit various devices.

<!--favorites icons-->

<link rel="icon" href="/favicon.png" type="image/x-icon">

<link rel="shortcut icon" href="/favicon.png" type="image/vnd.microsoft.icon">

<!-- For third-generation iPad with high-resolution Retina display: -->

<link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png" />

<!-- For iPhone with high-resolution Retina display (iPhone 5 included): -->

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

<!-- For first- and second-generation iPad: -->

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

<!-- For non-Retina iPhone, iPod Touch, and Android 2.1+ devices (57x57): -->

<link rel="apple-touch-icon" href="/apple-touch-icon.png" />

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Nancy OShea Community Expert
Community Expert ,
Apr 23, 2018 Apr 23, 2018

Copy link to clipboard

Copied

LATEST

Clear out your old favorites and bookmarks and then create new ones.  Your browser is probably caching the older icons.

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Copyright © 2023 Adobe. All rights reserved.
Using the Community Experience League Terms of Use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices