exercise_image1.jpeg.jpeg was the image identified as the best option to be optimised in a square with width and height of 600px. The file size was optimised from 7.90KB to 146KB by using GIMP. The original image was cropped during the optimisation. The resolution of this image is 72 DPI, which is regarded as the optimal resolution for images which are intended for web use. The optimised image (extension is optimised_image1.jpg) is saved as a JPG file, which is more suitable for photographic images and has a smaller file size, while the colour and blending was retained. JPG and JPEG are the same file extensions. exercise_image2.jpeg.jpg was selected as to the skyscraper banner with a max width:200px and height: 500px using GIMP. This image was the best one, according to me, which could be used as a skyscraper banner. The resolution was set to 72 DPI which is the optimal recommended resolution for images which are intended for the web. The image was optimised by using GIMP and the file size was reduced from 3.14 MB to 30.0 KB to ensure the quality is retained without compromising the user’s experience by requiring a great amount of bandwidth. exercise_image3.jpeg.jpg was selected for the hero image as this was the image that immediately grabbed my attention, and I know it would grab the users’ attention when this is used for the image on the home page of a website. Although the image has text in it, I still optimised it in a JPEG format as it is photographic image. I attempted to save it in a GIF format, but certain parts of the image became distorted and/or blurred. The size of the original image was 2.00MB while the size of the optimised image is now 153.6KB. The width of this hero image is 1024px while the height is 768px, being the standard web page size, and the resolution was set to 72 DPI There is not a huge difference in quality between original image and the optimised image and the optimised image is still of a high quality.
Before the images were uploaded on the website, I ensured that the images were optimised in terms of file sizes as the website would then not require a great amount of bandwidth. The images look right on the screen as I ensured that the resolution for all the images were 72 DPI when they were optimised. The correct dimensions were used when the images were saved as per the assignment, which assisted in avoiding any pixelation. The images were not stretched and since scaling was used during the optimisation of the images, the proportions were not lost, and they are not distorted. Every optimised image has their own descriptive and/or unique alt text which describes each image. I also ensured that the correct file formats were used with the optimised images. I also ensured that there were no broken image links and I tested the images by zooming in on them, checking their dimensions and file sizes, file formats and ensuring that they are correctly displayed on the website.