There are two important components to having a great website – Quality and Responsiveness.
Therefore your website needs to be a shiny feather that is quick and light, not a clunky boulder weighing you down and taking space. That is to say file sizing does matter in a small way.
When optimizing your website about 50% of it is dependent on how well your media is compressed (Photos and Videos). With that in mind, the smaller the file size you put on your website the faster it can operate. This will make it more responsive for search engine optimization. JPEG’s, PNG’s, and GIF files are accepted for the internet. However a new file formatting is making its way to the surface of web development. Click on the link below to learn more about it.
– “The compression density is better for more than 99% of the web images, suggesting that one can relatively easily change from PNG to WebP.”- https://developers.google.com/speed/webp
PNG files are typically vector logos or an image with a transparent background, yet they are a larger file size compared to JPEG.
The benefit to a vector PNG file is its ability to resize without distorting the picture. On the other hand, JPEG files start to pixelate and be unclear when you transform it.
If you save a logo as a JPEG it will come with a solid color background that fills the square area of the bounding box that the logo is in. Compared to saving the logo as a PNG format where you can have a transparent background, meaning there is no color behind or around the image. Regardless of which one is decided they are both based on style/design and having the least amount of file storage wieghed to it
Let’s be clear, large file images are a no-no, but how are we going to keep the quality of a photo if we reduce its file size? From a marketing standpoint the idea of going through and reducing file sizes while trying to maintain quality photos is nightmarish. On the other hand from a designers point of view maintaining quality while budgeting file size is an art form in itself.
It is all about understanding what type of file the media is and how big it is. From there you can start to break it down. Use the metadata on the image to view the specifics: for Macintosh right click on the mouse or hold control then click, and choose ‘Get Info’, PC is right click or hold control and click, choose ‘Properties’, then ‘Details’. Scroll through and you will see information about the file from where you downloaded it, what time the picture was taken, how big it is in size, the file type and much more.
Most files you download are either PNG, JPEG, GIFs, or WebP, but sometimes the file can come from your camera, and that file could be a RAW formatted image. Ideally this is what you would like to have in order to take full control of the quality and size. Meaning you have the raw data to manipulate at your liking. Resulting in high quality and properly compressed images.
RAW images are not internet friendly and that is why we have other formats. When you download a JPEG from a site for example, that photo was once a raw image that was exported at a compressed size, therefore resulting in lost data and lower quality.
This makes it hard to resize and gives you very little room to resize the image and keep the quality at best. RAW files are extremely heavy and that is because it is holding all the data. When you export it to a JPEG or PNG it compresses its size, and maintaining quality.
Above all make sure you are converting any RAW images into smaller formats. To do this you need software like Adobe Lightroom or Photoshop to import and export files.
Pixels add up and they need to be controlled. The average size of a picture on a website is between, 1500 to 2500 pixels. However anything smaller than 1500 pixels will distort. the image, while anything over 2500 runs you into problems with page loading speeds, therefore it bogs your site down and uploads slower. This will give an impatient person a reason to move on to another site.
When exporting remember to have your resolution set to 72 DPI (Dots Per Inch) and the color settings are set to sRGB. Keep the file size to a maximum 500 kb and adjust the size of the picture to the proper size for the area you are placing the photo.
Local SEO is our specialty. At Table Rock Marketing we pride ourselves in creating superb marketing content that reaches the Medford community and beyond. Let our SEO professional services help increase your Google rankings and click rate.Building business relationships through customer service has been the main focus throughout our marketing careers. Our endeavor is to give you an outstanding experience. Only then can we anticipate the good fortunes that come with work well done. The highest of all compliments; recommending Table Rock Marketing to friends and other business relationships.