Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

creating a smooth ico file with a drop shadow and transparent background

Featured Replies

I've been asked to create an ico file by a client for a product they are developing. They have one ico file already which is blue and they want the new one to be orange. So I created a new file in photoshop that replicated the original and then used the photoshop plugin to create the ico file. But when used on the desktop my ico file looks totally crap...see the following example:

 

post-7-1226570322_thumb.gif

 

Why has mine got a crappy pixelated border and crap drop shadow - the file looks great in photoshop but as soon as it's converted to ico format it looks crap.

 

How do you create lovely icons like their original?

 

I also tried using the online tool - http://www.favicon.cc and that made something even worse!

 

Any help in this would be much appreciated as I'd like to give my client something that resemebles his original.

 

Cheers

 

E

  • Author

thanks for the reply - I just found http://www.sibcode.com/icon-editor/index.htm about ten minutes ago and tried that and got better results. Found out that the original software the client used was called Micro Angelo and they managed to find their copy of it, so are playing around with this themselves as well. So we'll get a good outcome in the end I think.

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.