Geek Answers Handbook

Lack of PNG for browser compatibility

I just realized that if I make image.PNG its smaller than if I did .JPG. As I try my best to make a fast website, I can increase the size of the images. So my question is that I believe that phones do not support .PNG images. Is this true or not? and should I continue to use .PNG instead of .JPG? Is there any solution I can make to make smaller images without reducing their resolution?

+4
source share
5 answers

Older browsers such as IE6 (which are now deprecated) do not support transparent PNG files, so it really depends on which browsers you plan to support. In general, PNG files are fine and will work in all major browsers. Unlike JPEG, PNG is lossless, and this can work against it during compression. If the image is complex, it might be better to save it as a JPEG for better quality. There's a small table here that briefly explains each format. The tool that I use to really compress PNG, PNG Monster files. This often gives better compression than some graphical applications.

+8
source

In addition to older versions of Internet Explorer, I do not know of a single platform that does not support PNG.

Wikipedia: Web Browser Support for PNG

+1
source

Whether the image is smaller in JPEG or PNG format depends on the image. For example, a large photo with a certain or small monochrome area compresses JPEG better. Lossless PNG compression, which makes it more suitable for icons and similar things.

Each desktop browser currently supports both PNG and JPEG. Android and iOS supporting WebKit (AFAIK). Therefore, choose the format that is best for the image.

+1
source

.png images are much better for backgrounds and logos, where .jpg images are much better for photos. If you are trying to use animated images (which are not supported by .jpg), I recommend using .gif (although I do not recommend them for regular images, so .png was created). Animated .gif images are supported on almost all devices. Although animated .png (.apng) images are supported on most web browsers. If you want to see how your site will be displayed in another web browser (for example, IPhone, PSP, Android, etc.), you can use the User Agent Switcher for Firefox (I don’t know if it works with 4.0). To get more user agents, you could just find something like “User Agents for User Agent Switcher” in Bing (or Google).

On my sites, I always use .png for images (background, icon, logo, custom buttons, etc.) and .jpg for images (screenshots (sometimes), photos, etc.)

+1
source

PNG is good for "ICON", "THUMBNAIL", "TRANSPARENT IMAGES"

Although JPG is good for "BIG IMAGE", "SCREENSHOT", "PHOTO"

GIF is good for "ANIMATION"

PNG is good for some browsers. You can see the difference when trying to create an image using php. PNG quality is better than JPG when you did it.

0
source

More articles:


All Articles