Creativebits.org

an All Creative World site
onegirlcreative's picture
1090 pencils

How do I create my own personal icon next to my URL from my website?

Hello Designers!

I would like to know how I create my own icon (instead of the generic Mac/world icon) to appear next to my URL whenever my website is visited?

I see that there is one even on creativebits.com. Cool!

I'm sure it's something that's very basic, but I have NO idea how to do that.

Thanks!
Suzanne

--------
"I am not sick. I am broken. But I am happy as long as I can paint." ~ Frida Kahlo

www.onegirlcreative.com

Commenting on this Forum topic is closed.

natobasso's picture
3953 pencils

Make a gif file and change the filename to favicon.ico and load it into the first level of your website directory. Should appear to the left of the URL in your browser window.

This will work as long as you have ftp access to the root level of your .mac account; not just a web interface to what .mac wants you to see...

I have my icon on my website, flikworld.com...

----
"The price one pays for pursuing any profession or calling
is an intimate knowledge of its ugly side." - James Baldwin

plugz's picture
1244 pencils

It'll need to be visible 1t 16x16 pixels so it's best to design it as such from scratch rather than trying to downscale a larger image to that size.

Collin Blatt's picture
1 pencil

Ya, but what do you mean by load into your web directory. Do you mean, Copy and Paste or what?

jozefk's picture
251 pencils

Copy your favicon.ico to your web server, the same place where your index.html (or php) file is, and add this piece of code in the head of your page:
http://tiny.cc/we58r

KNOPPIX.net
FROM ZERO TO LINUX IN 5 MINUTES

onegirlcreative's picture
1090 pencils

I created my website in Dreamweaver. I do have ftp access through my domain and from my server.

suzanne maestri-walters :: graphic designer

--------
"I am not sick. I am broken. But I am happy as long as I can paint." ~ Frida Kahlo

www.onegirlcreative.com

natobasso's picture
3953 pencils

Ur good to go!

----
"The price one pays for pursuing any profession or calling
is an intimate knowledge of its ugly side." - James Baldwin

smartgrafix's picture
79 pencils

the nice people at chami.com offer an online way to make your favicon. Just upload your logo or icon & seconds later you have your favicon & the code:
http://www.chami.com/html-kit/services/favicon/

natobasso's picture
3953 pencils

You don't need any code to use a favicon for a website unless your server doesn't pick up .ico images.
----
Natobasso
Bassist with a penchant for Web Business Technology

"The price one pays for pursuing any profession or calling
is an intimate knowledge of its ugly side." - James Baldwin

elyse's picture
15 pencils

From what software can you save an image as an .ico file?

natobasso's picture
3953 pencils

1. Create a gif file at 16px x 16px
2. Change file name to favicon.ico
3. Place file in 1st level of the website directory, the same level that reads your first index.html page

You can use any program that can create or export a gif file. Illustrator or Photoshop are two good ones.

----
Natobasso
Bassist with a penchant for Web Business Technology

"The price one pays for pursuing any profession or calling
is an intimate knowledge of its ugly side." - James Baldwin

kpgrafix's picture
9 pencils

you can also find a photoshop plug-in to make it easier to open/save *.ico files:

http://www.telegraphics.com.au/sw/




--
designer stuck in production... sigh.

natobasso's picture
3953 pencils

Actually this is a pretty cool service. I was wrong... ;)

----
Natobasso

onegirlcreative's picture
1090 pencils

I haven't had a chance to try any of the above suggestions, yet but I appreciate the response. Thank you.

suzanne maestri-walters :: graphic designer

--------
"I am not sick. I am broken. But I am happy as long as I can paint." ~ Frida Kahlo

www.onegirlcreative.com

plugz's picture
1244 pencils

Creativebits is a mine of useful info.

Mintsauce's picture
1004 pencils

Here http://www.telegraphics.com.au/sw/ you can find a FREE plugin for Photoshop with which to export ICO format files, including the new Windows Vista PNG ico files.

There is also a small little piece of html you can add in your html to help IE recognize that little image:

‹link rel="shortcut icon" href="http://www.mydomain.com/favicon.ico"›

Francois.

The Construct Agency
Building Creative Brands for People

Creativebits is a blog about creativity, design and Macs. We also have a critique section where you can post your work to get opinions and a forum to discuss any design related topics.

Recommend us on Google

Latest critique

Do you need a great new logo?

If you need a logo for your company or product you can get it done with us.
In our logo store you can pick from over 28,000 pre-made logos that will be customized to your name for free or you can post a contest for us for just $250 and our designers from all over the world will submit dozens of logo design suggestions to your specific needs.

Marketplace