Select Appropriate Image File Format
People do upload images from their camera to website, this practice is common but wrong . You walk into a grocery store and take pictures of items of good interest. The next thing is not uploading to your website rather its time to work on the image. The first thing is to get to your image editor and decide on what type of image you want and why.
There are several image types, but two are the most widely used – JPEG and PNG. Both of this image types have their advantages and disadvantages. As such, your decision will depend upon what is best fit for your scenario.
Jpeg
It is commonly used for website content and prints. They are well known for good size reduction. This is done by losing information that is not required for the display of the images. Thus you will achieve the reduced size and reduced information. It is worth noting that the info that is lost will not affect the appearance of your image.
PNG
It is commonly used for drawings, graphics, screenshots and also for website content. They are referred to use lossless compression or file format. This means they don’t lose any files in the process of compression. Thus they are good at creating very higher quality images.
Reply
Thank you glad you found it useful. Helping each other is the culture at WA,
Ayodeji
This is very interesting. I didn't know the difference between JPG and PNG. I always use JPG by default but I can see I should switch to PNG for many of the graphics I used are charts which will have large areas of uniform color with no, or I do use a gradient, highly predictable hue and saturation variation. I am careful to reduce the size and to crop. One other aspect that I think is important is watching how images work on our content on both desktop and mobile devices. When I first started blogging I was adding images with tall aspect ratios, i.e. much taller compared with the width because I could wrap text either to the left or to the right and it broke up the content and made it easy to read. However, this doesn't work at all on mobile devices. So almost universally I have switched to using a more landscape format as standard extending across the whole column width. Thanks for another great article.
Best regards
Andy
The whole training is about image optimization. If you have any grey area kindly let me know.
Or if I am not getting your statement right, kindly shed more light
Ayodeji
