{"id":437331,"date":"2018-08-17T14:57:18","date_gmt":"2018-08-17T14:57:18","guid":{"rendered":"https:\/\/essaypaper.org\/how-you-can-quickly-make-a-gif-for-free-for-your-blog-posts\/"},"modified":"2018-10-24T09:09:43","modified_gmt":"2018-10-24T09:09:43","slug":"how-you-can-quickly-make-a-gif-for-free-for-your-blog-posts","status":"publish","type":"post","link":"https:\/\/www.benedictsol.com\/blogs\/how-you-can-quickly-make-a-gif-for-free-for-your-blog-posts\/","title":{"rendered":"How You Can Quickly Make A Gif For Free For Your Blog Posts"},"content":{"rendered":"\n
<\/span> 5<\/span>\/5<\/span><\/span> (1<\/span>) <\/span> <\/span><\/span><\/p>\n

\"how<\/p>\n

Occasionally on a blog, a gif is better than a jpeg or png image<\/h2>\n

You probably associate an\u00a0animated gif\u00a0with social media.<\/p>\n

They are usually for amusement value and are often small snippets taken from a YouTube video, or even from Instagram videos.<\/p>\n

If it is only for fun, you can find thousands of them online if free gif libraries, so there is no need to\u00a0create an animated gif\u00a0yourself.<\/p>\n

Perhaps if the subject of this post was about books that are real page-turners, I could add something like this.<\/p>\n

\"turn<\/p>\n

I know it is not the most exciting gif ever made\u00a0but is apt to show you that you can add one to a blog post on most blogging platforms.<\/p>\n

If you use WordPress, you can load up a gif in the same way that you load all your images in the Image Editor.<\/p>\n

How are\u00a0gifs made?<\/h3>\n

A lot of the gifs you see on the Internet are made from\u00a0video files, which involves quite a lot of work. Some of them use hundreds of individual slides.<\/p>\n

For a video to turn into a gif, you need to copy individual frames of a video. Some people create a gif in Photoshop, which is a little complicated.<\/p>\n

I am not an expert, but from what I could understand you need to load the\u00a0frames from layers and then\u00a0load files into stack. I stopped there because it was all way to complicated for me.<\/p>\n

For a blog post or article,\u00a0gif files are image files that have limited application. But from time to time they are useful.<\/p>\n

I toyed around with the header image before writing this post. After all my experiments, I decided to stay with a still image. But not to waste all my work, here is the gif version I made.<\/p>\n

Well, it works.<\/p>\n

\"make<\/p>\n

How you can make a gif, the easy way<\/h3>\n

The easiest way to\u00a0create animated gifs is to use a free online\u00a0gif creator or\u00a0gif maker.<\/p>\n

There are many of them, and they all work in a similar\u00a0way.<\/p>\n

But first, you need to create the slides you are going to use to build your gif.<\/p>\n

For the example above, I used Canva to make four images and changed the words and the text colours on each image.<\/p>\n

Then I used an online gif maker tool.<\/p>\n

\"gif<\/p>\n

Just click \u201cUpload Images\u201d to select your files. Then, once you\u2019ve uploaded them, you can make some minor adjustments.<\/p>\n

\"gif<\/p>\n

If your slides are in the wrong order, you can change this by\u00a0dragging and dropping.<\/p>\n

You have a couple of settings you can choose to change.<\/p>\n

The canvas size\u00a0is like an image size. Set it to suit your blog, but generally, 750px is large enough.<\/p>\n

Of course, the file size will increase if you make it too big and it could slow down your page loading speed.<\/p>\n

The animation speed is how fast your slides change. You should experiment with this setting to find the best speed for the type of gif you want to create.<\/p>\n

When you have selected your settings, click \u201cCreate GIF Animation\u201d.<\/p>\n

You will then see a menu load below with \u201cView\u201d or \u201cDownload\u201d. Click file\u00a0download and you have made your gif.<\/p>\n

If you try to open the file with an image previewer, you will only see the slides. To check your new gif, you will need to open it in a browser like Chrome, Safari or Firefox.<\/p>\n

What can you do with a gif on a blog post?<\/h3>\n

The primary use for gifs on a blog is to condense information or long lists.<\/p>\n

Using columns on a blog page is not a good idea anymore because they are not responsive. That means that they will not be viewed correctly on a mobile phone.<\/p>\n

Columns just get reduced in size to fit a small screen, and then the text becomes too small to be able to read.<\/p>\n

Without using columns, if I wanted to include a list of the seventy-five most popular books, it would stretch way, way, way down the page on a laptop and further on a phone or tablet.<\/p>\n

A better way is to use a gif.<\/p>\n

Again, you need to make slides, but this time I used screenshots and then cropped them all to the same size.<\/p>\n

\"books<\/p>\n

Now my list of 75 books takes up much less page space. Also, on a small screen like a phone or tablet, the gif will resize automatically to fit.<\/p>\n

I have optimised the gif above to make sure it loads as fast as possible. But you can select the amount of compression you use if you want to have sharper text.<\/p>\n

Conclusion<\/h3>\n

You are not going to use a gif on every blog post or article you write.<\/p>\n

But from time to time they are useful, especially for fitting a lot of information into a manageable space.<\/p>\n

It took me a few tries to find what worked and what didn\u2019t work. What I found was that it was important to resize the images I used before I tried to create a new gif.<\/p>\n

You can make this calculation from the image sizes you currently use in your blog.<\/p>\n

The biggest mistake you can make is to create a gif that is much wider than your maximum blog page width. You can check this in your theme. If you use a sidebar, the width might be between 600 and 800 px.<\/p>\n

If you use a gif that is perhaps double the width of your actual blog page, it will be resized automatically by your blog platform. It will look fine to you, but your page loading speed will decrease dramatically because of the large file size.<\/p>\n

Apart from the size issue, there is nothing special about including a gif in your blog posts.<\/p>\n

Used in the right place for the right reasons gifs can be a practical tool to use as part of your blog posts to give your readers some types of information in a much better form.<\/p>\n

\n

How helpful was this article for you?<\/h4>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

5\/5 (1) Occasionally on a blog, a gif is better than a jpeg or png image You probably associate an\u00a0animated gif\u00a0with social media. They are usually for amusement value and are often small snippets taken from a YouTube video, or Read More …<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[44,15,209],"tags":[],"class_list":["post-437331","post","type-post","status-publish","format-standard","hentry","category-blogging","category-essay-paper-writing","category-how-to-articles"],"_links":{"self":[{"href":"https:\/\/www.benedictsol.com\/blogs\/wp-json\/wp\/v2\/posts\/437331","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.benedictsol.com\/blogs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.benedictsol.com\/blogs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.benedictsol.com\/blogs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.benedictsol.com\/blogs\/wp-json\/wp\/v2\/comments?post=437331"}],"version-history":[{"count":0,"href":"https:\/\/www.benedictsol.com\/blogs\/wp-json\/wp\/v2\/posts\/437331\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.benedictsol.com\/blogs\/wp-json\/wp\/v2\/media?parent=437331"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.benedictsol.com\/blogs\/wp-json\/wp\/v2\/categories?post=437331"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.benedictsol.com\/blogs\/wp-json\/wp\/v2\/tags?post=437331"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}