Favicon File

This particular option can be found by logging into your site's admin area and going to:
"ProPhoto" > "Customize" > "Site Settings" > "Site Icons"

A “favicon” is the little square icon that shows in your browser address bar, browser tab, in your bookmarks, etc.

favicon example

Since some older web browsers (unfortunately, still widely used) do not support .jpg, .gif, or .png files for favicons you may need to create a special image just for this purpose and upload that file into ProPhoto. To ensure your favicon to be seen by as many people as possible, you’ll need to convert it to a file format that’s called a Windows Icon Image (an “.ico” file).

Lucky for you, there is a website with a free and simple tool that will convert any image file to a Windows Icon Image (.ico) file. Here’s the link:

http://iconverticons.com/

Prepare a graphic for conversion

To create your own favicon, start by creating a square image file in your favorite image editing/creating program, like Photoshop. You can make the square image any size you want, just realize that it is going to be shrunk down, so you will want to create it with that in mind.

Create icon package

Once you’ve got your file, go to the converter tool site, and click to use the free Online converter as shown:

Use the free online converter

Use the free online converter

In the next screen, upload your image file from your computer by clicking to “click to browse…” and then click to Upload that file.  Or just drag it in:

Browser for an image on your computer or drag into the upload box.

Browser for an image on your computer or drag into the upload box.

Once the conversion is complete (which takes only a few seconds), you’ll be presented with some various download options in a few standard formats. Click the ICO download button to download a ICO version of your uploaded file at the same dimensions as your original. If you’d rather use a smaller file, then click on the size you want to use to download a png version in that size. Then redo the conversion process with that size.

Click the ICO button to download your file.

Click the ICO button to download your file.

Your computer will download the new file with a name like that is the same as your original except it will have “.ico” as the extension. iconvert_downloaded_ico This is the image which you will upload into ProPhoto. Make note where your computer downloaded this file on your computer file system, you’ll need to locate it easily in the next steps.

Upload into ProPhoto

Upload the .ico file in the “Site Icons” area of ProPhoto:

“ProPhoto” > “Customize” > “Site Settings” > “Site Icons”

Voilà! A cross-browser friendly favicon that even Internet Explorer can see!


This particular option can be found by logging into your site's admin area and going to:
"ProPhoto" > "Customize" > "Site Settings" > "Site Icons"

A “favicon” is the little square icon that shows in your browser address bar, browser tab, in your bookmarks, etc.

favicon example

Since some older web browsers (unfortunately, still widely used) do not support .jpg, .gif, or .png files for favicons you may need to create a special image just for this purpose and upload that file into ProPhoto. To ensure your favicon to be seen by as many people as possible, you’ll need to convert it to a file format that’s called a Windows Icon Image (an “.ico” file).

Lucky for you, there is a website with a free and simple tool that will convert any image file to a Windows Icon Image (.ico) file. Here’s the link:

http://iconverticons.com/

Prepare a graphic for conversion

To create your own favicon, start by creating a square image file in your favorite image editing/creating program, like Photoshop. You can make the square image any size you want, just realize that it is going to be shrunk down, so you will want to create it with that in mind.

Create icon package

Once you’ve got your file, go to the converter tool site, and click to use the free Online converter as shown:

Use the free online converter

Use the free online converter

In the next screen, upload your image file from your computer by clicking to “click to browse…” and then click to Upload that file.  Or just drag it in:

Browser for an image on your computer or drag into the upload box.

Browser for an image on your computer or drag into the upload box.

Once the conversion is complete (which takes only a few seconds), you’ll be presented with some various download options in a few standard formats. Click the ICO download button to download a ICO version of your uploaded file at the same dimensions as your original. If you’d rather use a smaller file, then click on the size you want to use to download a png version in that size. Then redo the conversion process with that size.

Click the ICO button to download your file.

Click the ICO button to download your file.

Your computer will download the new file with a name like that is the same as your original except it will have “.ico” as the extension. iconvert_downloaded_ico This is the image which you will upload into ProPhoto. Make note where your computer downloaded this file on your computer file system, you’ll need to locate it easily in the next steps.

Upload into ProPhoto

Upload the .ico file in the “Site Icons” area of ProPhoto:

“ProPhoto” > “Customize” > “Site Settings” > “Site Icons”

Voilà! A cross-browser friendly favicon that even Internet Explorer can see!


This particular option can be found by logging into your site's admin area and going to:
"Appearance" > "P3 Customize" > "Settings" > "Blog Settings"

A “favicon” is the little, 16px by 16px square icon that shows up to the left of your browser address bar and is often (depending on the browser) used as a bookmark icon or symbol on browser tabs.

favicon-screenshot

ProPhoto allows you to upload your own favicon for your blog, under “Appearance” => “P3 Customize” => “Settings” => “Blog settings”.

In a perfect world, you would be able to upload any image type for your favicon. However, this is not a perfect world — Internet Explorer 6 and 7 (unfortunately, still widely used) do not support .jpg, .gif, or .png files for favicons.

Therefore, if you want your favicon to be seen by as many people as possible, you’ll need to convert it to a file format that’s called a Windows Icon Image (.ico).

Lucky for you, there is a website with a free and simple tool that will convert any image file to a Windows Icon Image (.ico) file. Here’s the link:

http://www.htmlkit.com/favicon/

To create your own favicon, start by creating a square image file in your favorite image editing/creating program. (Most photographers use Photoshop.)

You can make the square image any size you want, just realize that it is going to be shrunk down to 16px by 16px, so you will want to create it with that in mind.

Once you’ve got your file, go to the converter tool site, and upload your image file. Once the conversion is complete (which takes only a few seconds), click the “Download Favicon Package” link.

download-favicon-package

After the download completes, unzip the file and inside will be a file called “favicon.ico”. Upload this file on the “Appearance” => “P3 Customize” => “Settings” => “Blog settings” page.

Voila! A cross-browser friendly favicon that even Internet Explorer can see!

 

If you’ve searched the tutorials and can't find what you need, please contact us. We’re here to help. Contact Us