• Home
  • /
  • Blog
  • /
  • How to optimize Images, GIF, and Videos | Tips for Small business Toronto

If you are using images, GIFs, and videos for your website, it is most likely that your page loading speed runs very low. This is because the original size of images and other visual representations are very high. We need to optimize them so that we neither compromise with the quality of the image, nor do we sacrifice the loading speed of the page.

1. Name your images wisely:

To get your image when someone conducts a Google Image Search, you need to keep the file name very simple, to the point and keyword-rich.

For example, If it is a car image, do not go for "DCM1538.jpg", rather go for " Ford-Mustang-Red.jpg."

2. Reduce the file size of your image

Almost 50% of the customers don't even wait longer than 3 seconds for any eCommerce site to get loaded. So, if your image and website keep loading for 10-15 seconds, no user is going to wait. Do not compromise with the quality, but reduce the file size. Sharpen the image for a better look. Also, to perform such editing, you do not need  PhotoShop; this can be done from free tools and another simple to use tools such as Canva, PIXLR, Canva, etc.  Your image size should not be greater than 70kb.

3. Choose the right file type

Even at the same file size and same quality selections, the same image can vary a lot on the quality due to its file type. It is best to keep the image as a "png" image because they are also serving as an alternative for the GIFs.  Also, try using PNG-8 over PNG-24.

Most of the editing software can help you save the image directly in your desired format.

Optimizing the GIFs

Surprisingly, it is the oldest format and still the most popular format used by the websites. But GIFs bring along a threat to lower the speed of page loading. This can be avoided by:

1.  Lossy Optimization - The human eye doesn't do a very good job with distinguishing subtle shades. Therefore a GIF might contain thousands of pixels with different color shades, but it can still be manipulated to make the file size smaller.

2. Converting animated GIFs to HTML5 videos - Even if you try to manipulate the GIFs, it can still show the error of big file size. In order to decrease the file size by 95%, the GIFs can be converted to HTML5 through open-source command-line tool MPEG or web-based utility Cloud Convert.

Conclusion:

It is very important to optimize the images, gifs, and videos so that they can be easily found on the Google Image Search, and they do not affect the page loading speed of the website.
Also, check out the small business SEO guide Canada.

How to optimize Images, GIFs, and Videos | Tips for Small business Toronto

Click to Tweet

Tags


You may also like

InterServer.Net Web hosting: Our unbiased review

Benefits of hiring the Best SEO Company Canada

6 Tips on Content Writing for small business by Experts

How to write content for website

6 Small Business Mobile Marketing Strategies

10 Small Business Tips to get more traffic to Blog or Website

Page [tcb_pagination_current_page] of [tcb_pagination_total_pages]

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
__CONFIG_group_edit__{}__CONFIG_group_edit__
__CONFIG_local_colors__{"colors":{"70cf1":"Royal Blue"},"gradients":{}}__CONFIG_local_colors__

Our Guarantee “100% Traffic Boost in first one to three months” Else Next two months FREE !

Let us take our example when you searched for an affordable SEO service provider. Google served this page in top results. Google loves relevant, high-quality sites and only serves you the "BEST results."

We will utilize all our expertise to turn your website worthy of higher ranks, and you will love the surge in organic traffic in the first one to three (1-3) months.

What If? then you don't pay for the next two months of SEO. We will do it at no cost to you. 


100% Satisfaction Guarantee.

__CONFIG_colors_palette__{"active_palette":0,"config":{"colors":{"55c7c":{"name":"Main Accent","parent":-1}},"gradients":[]},"palettes":[{"name":"Default Palette","value":{"colors":{"55c7c":{"val":"var(70cf1)"}},"gradients":[]},"original":{"colors":{"55c7c":{"val":"rgb(19, 114, 211)","hsl":{"h":210,"s":0.83,"l":0.45}}},"gradients":[]}}]}__CONFIG_colors_palette__
FIND OUT HOW