Questions tagged [favicon]

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.

Filter by
Sorted by
Tagged with
2 votes
1 answer

Blurry Image when exported to 32×32

I am trying to create a favicon for our website. I created something at 7000×7000 and then reduced the size to 32×32. (I may be using the wrong terminology here. The website we use, says the maximal ...
David Morin's user avatar
0 votes
1 answer

Are both designs (see details) are correct to represent "not allowed" / ban?

I need this icon to design something (in typography). Now, I just noticed it today... at some places this icon has +45 angle of the diameter and at some places it has -45, as show in the image: Is ...
Vikas's user avatar
  • 4,198
2 votes
1 answer

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....
Moritz Firsching's user avatar
2 votes
3 answers

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 ...
Mackenzie's user avatar
6 votes
3 answers

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 ...
happy coder's user avatar
0 votes
2 answers

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 ...
Hussein's user avatar
  • 11
6 votes
2 answers

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 ...
MoritzLost's user avatar
  • 1,437
1 vote
2 answers

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 ...
Summer's user avatar
  • 2,696
75 votes
10 answers

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 ...
Ivan's user avatar
  • 1,035
1 vote
2 answers

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 ...
PetaspeedBeaver's user avatar
0 votes
1 answer

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 ...
Senthilkumar's user avatar
1 vote
3 answers

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 ?
code-8's user avatar
  • 157
1 vote
3 answers

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 ...
Ivan Stelmakh's user avatar
1 vote
3 answers

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.
Quasipickle's user avatar
1 vote
2 answers

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 ...
Parth's user avatar
  • 133
5 votes
3 answers

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 ...
user2544045's user avatar
5 votes
3 answers

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 ...
bjb568's user avatar
  • 190
37 votes
7 answers

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 ...
coconutpear's user avatar
7 votes
5 answers

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, ...
Joe Half Face's user avatar
4 votes
3 answers

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 ...
Jawad's user avatar
  • 645
0 votes
1 answer

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 ...
spider's user avatar
  • 101
4 votes
1 answer

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 ...
Damon's user avatar
  • 3,153