What web browsers do not support the png image type, and what is a better alternative for those browsers?
Essentially all browsers. PNG support has been in Internet Explorer since version 4, and Mozilla Firefox, Chrome, and Safari have supported it since their initial releases.
24-bit transparency is the one issue, it doesn't work in IE6 or lower. There are workarounds you can use that fix it, though. The other common image types, GIF and JPEG, don't support 24-bit transparency at all, so there's no alternative other than the workarounds.
The only modern browsers it won't work in are screen readers / text browsers for visually impaired folks and command-line enthusiasts. The proper alternative is providing an alt attribute on your img tags.
A good alternative for IE6, to support PNG transparency, is CSS3 PIE (javascript). It has many other interesting features as well of IE support.
As well this SO thread may help: How to get PNG transparency working in browsers that don't natively support it?
All common browsers(Firefox, Internet Explorer, Opera, Safari, Chrome) support the png image format. However, some old versions have problems displaying transparent PNG pictures (e.g. Internet Explorer 6.x and lower).
There are several alternatives depending on what you are trying to do.
The majority of user agents support PNGs. Older versions, and non-graphical browsers e.g. Lynx don't.
Related
The subject pretty much says it all. What is the best and most compatible format for attaching or embedding images in an e-mail? GIF, JPG, PNG, SVG, BMP, (etc.)? Are these read by all modern e-mail clients or are there some gotchas we need to watch out for? What about mobile clients (not browser-based)? How about formats that support alpha channels?
PNGs are not supported by older Lotus Notes (6.5, 7). Using alpha transparency and true color might cause problems (e.g. in older Outlook versions). Stay with the good old GIF and JPG and you are safe. And remember that GIF animations may (a.) play slow on mobiles and that they may (b.) show only the first frame in some email environments (e.g. Outlook 2007+). I would not rely on vector graphics. However, here's an interesting example that includes a fallback image.
Is there an image format that supports alpha-transparency and animation. While being supported by most browsers? I have found only one image format, but it was not supported by any web browsers.
No.
There is .mng (Multi-image Network Graphics), which is partially supported by GIMP - enough support to create
GIF like animations with alpha transparency - but far from .mng's full capabilities, and I know of no browser which implements MNG animation support (haven't tried either)
And, as people say in the comments, there is "APNG", which is supported by Firefox alone,
but not supported natively in GIMP.
If you really need this, I'd say the better way to go is to use some Javascript to compose a .png slideshow.
I need to use an animated image with several transparency levels on a webpage. I unsuccessful tried to create a *.gif with multiple transparency levels. On the other hand *.png doesn't support animations and the extended *.apng isn't supported in Webkit browers.
What image format can I use for cross browser animated imaged with smooth transparency? Supported browsers must be at least Chrome and Firefox, preferably also Internet Explorer and Safari.
first time in stackoverflow :)
Let me explain what happend. I'm trying to create a PDF using iTextSharp. It displays perfectly in chrome and IE9, but in firefox the background is black.
firefox version
chrome version
Best!
If you'd inspect the PDF with Adobe Acrobat for syntax errors, the report would probably be blank. There's a 99% chance that the problem is caused by pdf.js, NOT by iText(Sharp). For some reason (ask Mozilla, don't ask me), using pdf.js is now the standard way to view PDFs in Firefox. Unfortunately, pdf.js is far from being a full-fledged PDF viewer. It doesn't support forms, it doesn't support signatures, it doesn't support many graphical objects,... It lacks many of the PDF functionality as described in ISO-32000-1.
I changed the settings in Firefox, so that it now opens PDFs in Adobe Reader, but I didn't manage to use Adobe Reader as a plug-in in Firefox the way it used to be in the past. All of this is very frustrating.
I'm sure this has been discussed before, but I can't find any canonical question / answer.
Currently, IE9 and Firefox 4+ both use different font rendering that produces (for some) more blurry fonts but overall better kerning and more consistent results. Also, it renders non-standard fonts on Windows much better. I've have not done a thorough investigation, but I think it has to do with the fact that both IE9 and Firefox use now a different graphics layer which in apparently renders fonts differently. Also, the reason some of the standard fonts such as Arial, Tahoma etc. look in Firefox the same as 10 years ago is that it actually has a list of exceptions for them (look for gfx.font_rendering.cleartype_params.force_gdi_classic_for_families).
So far so good. The problem is Chrome. It still uses the old font rendering that makes the non-standard fonts practically unusable. Just for illustration, the font I had in mind was: http://www.google.com/webfonts/specimen/Play. Just open the sample in Firefox/IE9 and Chrome and you should see the difference. Is there anything I can do? Or should I look for a more optimized font.
Update: I see it's a common problem: the headings on http://www.smashingmagazine.com look very jaggy in Chrome.
Update: Sample image:
I have read that Chrome (originally Chromium) has anti-aliasing issues that's why it's jaggy.
Using font-faces also makes a difference than using local fonts in your system. So, all we can do is just wait until they fix this issue or help the Chromium Project if you can.
Known issue. You can try gdipp or MacType.
Copying my anwswer from Making CSS3 #font-face font rendering play nice with ClearType on Windows
A similar question here: Font-face embedded fonts look fuzzy in Windows 7 browsers got an answer that solved the same issue for me.
The fontsquirrel font generator http://www.fontsquirrel.com/fontface/generator optimizes fonts and adds them with hinting/rendering info that helps the windows font rendering engine render them better. It also generates smaller files, which will download faster.