Coder Social home page Coder Social logo

PNG in ICO about favicon-cheat-sheet HOT 7 OPEN

audreyfeldroy avatar audreyfeldroy commented on May 29, 2024
PNG in ICO

from favicon-cheat-sheet.

Comments (7)

blackrosezy avatar blackrosezy commented on May 29, 2024

I have blogged about this few months ago. http://blog.morzproject.com/convert-multiple-png-images-into-a-single-icon-file/

from favicon-cheat-sheet.

NV avatar NV commented on May 29, 2024

It converts PNGs to BMPs. The resulting ico file is >> than all specified PNG files combined.

from favicon-cheat-sheet.

twm avatar twm commented on May 29, 2024

The Ubuntu/Debian package icoutil has an icotool program which does this. It would be nice to know if this part of the format has decent browser (and especially IE) support as they are more convenient than bloating up the markup with a million alternatives.

from favicon-cheat-sheet.

eliotsykes avatar eliotsykes commented on May 29, 2024

+1 for the "Icon Slate" app on Mac OSX. Price is £2.99/$4.99 IIRC in the app store. Just select you're creating a favicon and drag and drop the 32x32 and 16x16 into the placeholders.

from favicon-cheat-sheet.

audreyfeldroy avatar audreyfeldroy commented on May 29, 2024

Thanks everyone for the helpful discussion. I've updated the cheat sheet with everything in this thread.

I'll keep this issue open until we get confirmation about @twm's question, about whether ICO files made from PNGs have decent browser support, esp on IE.

from favicon-cheat-sheet.

twm avatar twm commented on May 29, 2024

Android's decoder, at least, doesn't support PNG-in-ICO: https://bugzilla.mozilla.org/show_bug.cgi?id=748100#c10

It looks like Firefox for Android's support is a WIP.

from favicon-cheat-sheet.

chindraba-work avatar chindraba-work commented on May 29, 2024

IE-9 does display contents of a favicon.ico file with PNG images.

While this is an ancient post, I thought it was worth getting it closed. It turns out to be rather tricky to actually create a favicon.ico file with pure PNG content. Having finally succeeded with that I created a test page and test site, with that file as the only source of the image. It properly displays in IE-7, IE-8, and IE-9. IE-6 was unable to render it, even when loaded directly. I suspect that IE-6 has no PNG support at all, and an icon file suffers from that. IE-6 and IE-8 were tested in Windows XP and IE-7 while IE-9 were tested in Windows 7.

Results can be seen on imgur.com.

from favicon-cheat-sheet.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.