12
$\begingroup$

Most replies to my comments have "gif" images. How do I put them in my posts? Adding a new image doesn't work.

Also, this will help with asking questions because I always need to show examples.

$\endgroup$
5
  • 1
    $\begingroup$ This belongs to meta meta.stackexchange.com/questions/75491/… $\endgroup$
    – stacker
    Commented Jun 10, 2014 at 9:19
  • $\begingroup$ Depending on your browser pasting an image from clipboard doesn't work (Ctrl-V) In this case you need to store the image as a file and upload it. $\endgroup$
    – stacker
    Commented Jun 10, 2014 at 9:20
  • $\begingroup$ I got an error: 'For security reasons, framing is not allowed; click OK to remove the frames.' $\endgroup$
    – J Sargent
    Commented Nov 24, 2014 at 19:01
  • $\begingroup$ LICEcap does not have this issue $\endgroup$
    – J Sargent
    Commented Sep 24, 2015 at 1:03
  • $\begingroup$ Does this answer your question? What is the process for creating gifs for questions and answers? $\endgroup$ Commented May 19 at 20:02

1 Answer 1

18
$\begingroup$

If your gif is under 2MB (IIRC), you can upload it the normal way when asking or answering a question, by clicking on the image icon, drag and drop, or by pressing CtrlG.

Due to link rot hosting images on external sites is no longer recommended on Blender Stack exchange.

See the section about reducing Gif sizes on tips to get your captures under 2Mb so they can be hosted on i.stack.imgur.

If it's larger, then you will need to use another hosting service, e.g. [gfycat][1] (it's free, no registration required, and the images stay around "forever").

Once you have uploaded your image to gfycat (or the host of your choosing), get the link to it. If you are using gfycat, press the link icon and copy the url for "gif":

enter image description here

Then add it to your post with the following markdown:

![image description](http://giant.gfycat.com/WiltedIdealCottonmouth.gif)

where http://giant.gfycat.com/WiltedIdealCottonmouth.gif is the link to your gif, and image description is a description (alt text) of your gif.

Since gfycat encodes your gif as a video as well, I also like to include a link to the html 5 version. You can make it so the gif is in the link, so that clicking on the image will go to the gfycat page with the html5 video of your gif.
To do this, simply wrap the image link in another link:

[![a bunch of bouncing spheres](http://giant.gfycat.com/WiltedIdealCottonmouth.gif)](http://gfycat.com/WiltedIdealCottonmouth)

When rendered, it looks like this:

a bunch of bouncing spheres http://giant.gfycat.com/WiltedIdealCottonmouth.gif

For more information, see the markdown formatting guides.

$\endgroup$
3
  • $\begingroup$ Doesn't work anymore $\endgroup$
    – Dr.jacky
    Commented Aug 16, 2020 at 17:31
  • $\begingroup$ @Dr.jacky It seems gfycat doesn't give out links to actual gif files anymore, but you can still get a gif by appending .gif to the url manually. It does seem to watermark it, however. $\endgroup$
    – gandalf3
    Commented Aug 16, 2020 at 19:42
  • 1
    $\begingroup$ For me, this worked: [<img src="https://i.imgur.com/qNuuNEP.gif" title="Click to enlarge.">](https://i.imgur.com/qNuuNEP.gif). I uploaded directly to imgur.com. $\endgroup$
    – Dr.jacky
    Commented Aug 17, 2020 at 8:37

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .