Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

A favicon, also known as a shortcut icon, Web site icon, URL icon, tab icon or bookmark icon, is a file containing one or more small icons, most commonly 16×16 pixels, associated with a particular Web site or Web page.

2
votes
1answer
74 views

flip an ico-image without quality loss or size increase

My goal is to take an ico-image, like this wikipedia.ico and flip it vertically. My first attempt was $ convert -flip wikipedia.ico flipped.ico And it works, except that the resulting file flipped....
1
vote
3answers
4k views

Illustrator: how to make a transparent favicon of non-square logo

I have a logo that isn't square. I want to make it a favicon that has a transparent background, but doing so requires making it a 16px X 16px, which changes the logo, squishing it. Is there a way to ...
5
votes
3answers
3k views

How do I make a favicon?

I'm trying to make a favicon with the first part of the logo (PSA) for a website I'm building but I'm stumped how? I'm still quite a fledgling when it comes to Photoshop cc and Illustrator cc so any ...
-1
votes
2answers
1k views

Favicon size in browser tab [closed]

I am creating a website and I have the logo. When I insert the logo in the HTML basically as a fav icon in the tab, it appears so small. The question can any body help to increase its size so it can ...
4
votes
2answers
723 views

What can the favicon of a website be based on if the website doesn't have a logo?

A favicon is the small icon that is displayed next to the site name in the tab bar of the browser. Normally, those are based on the logo of the website (or the logo of the company/entity that runs the ...
1
vote
2answers
802 views

Converting .png to .ico leaves black border

I'm trying to convert a .png (with transparant bg) to a .ico file to use as a favicon. Whenever I put it in any converter online (tried multiple) it leaves a black border around the object, which I ...
16
votes
5answers
17k views

How to convert a square SVG to all-size ICO?

I've drawn an icon in InkScape and would like to export it to an ICO file that would include sprites for all the reasonable resolutions (16x16, 32x32, ... 256x256 etc). How can this be done (without ...
1
vote
2answers
42 views

Workflow and software choice when converting complex image to favicon?

I have a logotype which is complex (a line screened image consisting of multiple thin lines) that I want to turn into a favicon. If I just scale it down to favicon size (32×32px) I get a blur. Are ...
0
votes
1answer
601 views

Copy & Paste in place from Illustrator to Photoshop - Got blurred

I am trying to copy & paste the icon from Illustrator into Photoshop, it looks blurred. I have checked the size of the icon and pixel perfect of the grid, but still I face the problem. It would ...
1
vote
3answers
124 views

How can I remove some portion of my background base on other layer?

I know very little when it comes to design. I have 2 layers - a text on top of a background. result How can I delete/take-off the shape of my layer 1 out of my layer 0 ?
1
vote
3answers
11k views

How get high clear-cut favicon from illustrator vector logo?

When I import vector image to the photoshop from illustrator and try downsampling it with turned on option "Bicubic sharper (best for reduction)". But Photoshop still provides its interpolations and ...
1
vote
3answers
97 views

How to preview an Illustrator document at different rasterized sizes?

I'm designing a favicon in Illustrator and I'd like to see what it would look like in pixels at 128px and 16px as I'm working on it. Is this possible? Edit Found the answer - posted below.
1
vote
2answers
593 views

Saving a file made in PS with .ico extension makes it useless

I tried designing a small 32px x 32px pixel file in Photoshop CS6 to make a favicon for my website. But saving it as an .ico file makes it an unprocessable image and could not be used. But when I ...
5
votes
3answers
33k views

How to create a crisp favicon

I have been trying to create a favicon for my website for sometime and I cannot get it to be crisp. It is a simple Favicon. This is the best I could make it, The W will not be crisp. Is this favicon ...
3
votes
2answers
824 views

Multi-sized ico from different pngs

(The next level from Creating an .ico file with multiple sizes - web application) How can I combine multiple pngs of different sizes into a single ico? I want the 256x256 and 128x128 versions to look ...
31
votes
7answers
57k views

Favicon best practices regarding size and format

I'm busy on a WordPress site and have come to the stage to add the finishing touch, being the favicon. I'm primarily a developer so graphics and icons aren't my strongest point. What are the best ...
6
votes
5answers
3k views

How you can rework logo to fit favicon of browser - 16x16px?

Let's say, I have a logo of website, with size 120x50px. Favicon should be 16x16px to be supported by major browsers. How it is possible to rework some image, making it smaller nearly in 10 times, ...
4
votes
3answers
460 views

A very strange favicon file (atleast for me) where one single file contains 3 different sized images

I have this favicon file. Dowload favicon file I can not upload the image file since its does not have the proper format. When you view this file in windows 7, you get the following. This single ...
0
votes
1answer
4k views

Working on Small Resolution Images in Photoshop ( icons ) [duplicate]

Possible Duplicate: How to resize icon sets in Photoshop? I want to get a solution for a question that has been in my mind for a long time. For the past 2 years, several times I was assigned to ...
3
votes
1answer
4k views

Tools or methods for optimizing favicon appearance?

I often must create a favicon for a fairly complex image, that when it gets down to 16x16, looks weird or blurry. I have been trying with one image, reduced with bicubic-sharp in Photoshop and ...