It's because GIF doesn't support alpha channel - like opacity with gradient - thus every pixel in GIF is either opaque or completely transparent.įollowing are the same bulb file in GIF format with two different background color, you can see while the left bulb looks perfect, the right bulb is totally not acceptable in quality. 5 minutes to read 5 contributors Feedback In this article Know when to use icons Use the right type of icon Make an icon do something Create an icon button Create a series of icons on a command bar Related articles Icons provide a visual shorthand for an action, concept, or product. GIF by its nature can't do well with both transparency and curve edges. Turning on "smoothing" option may also help. IcoMoon provides a package of vector icons, along with a free HTML5 app for making custom icon fonts or SVG. Try using SVG instead of PNG or JPG for better result. Uploaded images are resized by the size you specified in the editor, which makes the generated GIF blurry. Newer formats such as APNG, WebM and animated SVG provide better image quality, but none of them are supported by older browsers. However, image quality of GIF usually isn't as good as SVG. Furhtermore, CSS-based animation usually needs special care for both its CSS and HTML/SVG part. Why GIF?įor now, GIF is the format with the best compatibility across browsers.ĬSS animation is widely supported in various browsers nowaday, yet some older browsers still don't support CSS animation. While it's quite easy to use, you may still want to use a generator when you need more complicated animations or alternative image format.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |