Gaming Reviews, News, Tips and More.
We may earn a commission from links on this page

A Guide To Making Gifs

We may earn a commission from links on this page.

Hi fellow editorial staff members! It’s 2015, and the internet is full of gifs. Here’s how to make your own. Doesn’t matter if you work at Kotaku or are some random person who stumbled upon this post accidentally (hi!), you’ll get the same results.

MAKING GIFS

There are two ways to make gifs. One is by capturing footage (like the thumbs up top), which is easy, the other is by manually creating frames (like the consoles image above), which is sometimes not. We’ll start with the easy way.

If you’re on a PC, your best friend is Giffing Tool. It’s a small piece of software that lets you capture anything that’s showing on your desktop. All you do is drag a box to determine a capture area and you’re off.

Advertisement

Once you’ve captured your footage, it then includes a basic suite of editing tools, allowing you to trim the clip, add text, crop the gif and adjust its quality (more on that later).

Advertisement

It’s dead simple. If you’re struggling, though, here’s a tutorial video made by those cool kids at Lifehacker (it’s an older version, but they’re still the same basic tools).

If you’re using a Mac, try LICEcap; it’s not as slick, but it does mostly the same stuff. Or try GIF Brewery, which a lot of the Kotaku staff use.

Advertisement

Now, the hard part. Creating a gif manually, using Photoshop. This is useful if you need to go doing something drastic to existing footage, or if you just want to go and make something more unique than Giffing Tool’s raw capture ability allows.

Digital Trends have an excellent guide here, showing you how to make a gif using both video footage and a bunch of images. But really, in 99% of situations, you don’t need to use photoshop, you’ll get by using Giffing Tool just fine.

Advertisement

COMPRESSING GIFS

Making the gif is only half the battle. You’ll probably find that after you’ve made a gif using default settings, its filesize is anywhere between 5-20MB. Which is way too big. Twitter has a 5MB limit, but really, if you’re making a gif that’s intended for use as the top image in a post (and thus will show on the front page), you ideally want it to be around 1-2MB.

Advertisement

How do you turn a 10MB gif into a 2MB one? There are a few ways you can do this.

LOSE FRAMES - Gifs are basically a movie, meaning one of the biggest contributors to their filesize is the number of frames it contains. Less frames=smaller gif. If a gif is too big, see if you can lose some footage from somewhere (maybe from the slower parts before or after the action you want to show off).

Advertisement

CROP - Gifs don’t have to fit a 16:9 format. If you’re sitting at around 3-4MB and want to get your gif smaller, consider cropping; the top and bottom areas of a gif might not have any action going on, which means it’s safe to crop them out

COMPRESSOR.IO - Use this. This is everything. It’s a tool made by Stephane Lyver that, through the use of dark magic, takes big gifs and makes them smaller with only a tiny loss in quality. In 90% of cases, it’ll get a 5-6MB gif down to a very usable 2-3MB.

Advertisement

Note: as awesome as compressor.io is, sometimes it’s down. If/when that happens, use ezgif. It’s not as magic, but it works.

BONUS GIFFING TOOL TIP - Set the quality to HIGHEST and the frame count to around 14. Lower settings may reduce the filesize a little, but the loss in quality isn’t worth it; compressor.io does a much better job of getting the MB count down.

Advertisement

GFYCAT

Let’s say you’re making a post with multiple gifs. Your top gif has to be in the 1-3MB range, no exceptions. But the gifs in the rest of the post aren’t bound to this restriction. I mean, if you can get them that low, do it, but if you can’t, then you have another option.

Advertisement

Don’t just drop 5-10MB gifs in there. We don’t use them at that size because they’re slow as shit to load, and can do funny things to people browsing on older computers. Instead, use gfycat.

It’s a program that takes gifs and turns them into little movies, which you can then embed. Here’s an example:

Advertisement

HOW GOOD DOES THAT LOOK? It acts like the smoothest biggest sexiest gif you’ve ever seen, but it’s not a gif, it’s an embedded, repeating movie. To make one, just head to gfycat, upload your monster gif then embed the IFRAME code using Kinja’s HTML mode.

It’s super useful for those times you need to post something big/longer than your usual gif, like sequences in games (special moves, combos, whatever) that wouldn’t be feasible for a regular gif. Just remember, it has to be for gifs inside a post; if you put one as the top image in a post Kinja won’t let you bigpic it and it might not even show on the front page.

Advertisement

That about does it! Or at least everything I can think of. If I’ve left something off or you can think of something else to ask, hit me up in slack!

universo-virtual.com
buytrendz.net
thisforall.net
benchpressgains.com
qthzb.com
mindhunter9.com
dwjqp1.com
secure-signup.net
ahaayy.com
soxtry.com
tressesindia.com
puresybian.com
krpano-chs.com
cre8workshop.com
hdkino.org
peixun021.com
qz786.com
utahperformingartscenter.org
maw-pr.com
zaaksen.com
ypxsptbfd7.com
worldqrmconference.com
shangyuwh.com
eejssdfsdfdfjsd.com
playminecraftfreeonline.com
trekvietnamtour.com
your-business-articles.com
essaywritingservice10.com
hindusamaaj.com
joggingvideo.com
wandercoups.com
onlinenewsofindia.com
worldgraphic-team.com
bnsrz.com
wormblaster.net
tongchengchuyange0004.com
internetknowing.com
breachurch.com
peachesnginburlesque.com
dataarchitectoo.com
clientfunnelformula.com
30pps.com
cherylroll.com
ks2252.com
webmanicura.com
osostore.com
softsmob.com
sofietsshotel.com
facetorch.com
nylawyerreview.com
apapromotions.com
shareparelli.com
goeaglepointe.com
thegreenmanpubphuket.com
karotorossian.com
publicsensor.com
taiwandefence.com
epcsur.com
odskc.com
inzziln.info
leaiiln.info
cq-oa.com
dqtianshun.com
southstills.com
tvtv98.com
thewellington-hotel.com
bccaipiao.com
colectoresindustrialesgs.com
shenanddcg.com
capriartfilmfestival.com
replicabreitlingsale.com
thaiamarinnewtoncorner.com
gkmcww.com
mbnkbj.com
andrewbrennandesign.com
cod54.com
luobinzhang.com
bartoysdirect.com
taquerialoscompadresdc.com
aaoodln.info
amcckln.info
drvrnln.info
dwabmln.info
fcsjoln.info
hlonxln.info
kcmeiln.info
kplrrln.info
fatcatoons.com
91guoys.com
signupforfreehosting.com
faithfirst.net
zjyc28.com
tongchengjinyeyouyue0004.com
nhuan6.com
oldgardensflowers.com
lightupthefloor.com
bahamamamas-stjohns.com
ly2818.com
905onthebay.com
fonemenu.com
notanothermovie.com
ukrainehighclassescort.com
meincmagazine.com
av-5858.com
yallerdawg.com
donkeythemovie.com
corporatehospitalitygroup.com
boboyy88.com
miteinander-lernen.com
dannayconsulting.com
officialtomsshoesoutletstore.com
forsale-amoxil-amoxicillin.net
generictadalafil-canada.net
guitarlessonseastlondon.com
lesliesrestaurants.com
mattyno9.com
nri-homeloans.com
rtgvisas-qatar.com
salbutamolventolinonline.net
sportsinjuries.info
topsedu.xyz
xmxm7.com
x332.xyz
sportstrainingblog.com
autopartspares.com
readguy.net
soniasegreto.com
bobbygdavis.com
wedsna.com
rgkntk.com
bkkmarketplace.com
zxqcwx.com
breakupprogram.com
boxcardc.com
unblockyoutubeindonesia.com
fabulousbookmark.com
beat-the.com
guatemala-sailfishing-vacations-charters.com
magie-marketing.com
kingstonliteracy.com
guitaraffinity.com
eurelookinggoodapparel.com
howtolosecheekfat.net
marioncma.org
oliviadavismusic.com
shantelcampbellrealestate.com
shopleborn13.com
topindiafree.com
v-visitors.net
qazwsxedcokmijn.com
parabis.net
terriesandelin.com
luxuryhomme.com
studyexpanse.com
ronoom.com
djjky.com
053hh.com
originbluei.com
baucishotel.com
33kkn.com
intrinsiqresearch.com
mariaescort-kiev.com
mymaguk.com
sponsored4u.com
crimsonclass.com
bataillenavale.com
searchtile.com
ze-stribrnych-struh.com
zenithalhype.com
modalpkv.com
bouisset-lafforgue.com
useupload.com
37r.net
autoankauf-muenster.com
bantinbongda.net
bilgius.com
brabustermagazine.com
indigrow.org
miicrosofts.net
mysmiletravel.com
selinasims.com
spellcubesapp.com
usa-faction.com
snn01.com
hope-kelley.com
bancodeprofissionais.com
zjccp99.com
liturgycreator.com
weedsmj.com
majorelenco.com
colcollect.com
androidnews-jp.com
hypoallergenicdogsnames.com
dailyupdatez.com
foodphotographyreviews.com
cricutcom-setup.com
chprowebdesign.com
katyrealty-kanepa.com
tasramar.com
bilgipinari.org
four-am.com
indiarepublicday.com
inquick-enbooks.com
iracmpi.com
kakaschoenen.com
lsm99flash.com
nana1255.com
ngen-niagara.com
technwzs.com
virtualonlinecasino1345.com
wallpapertop.net
nova-click.com
abeautifulcrazylife.com
diggmobile.com
denochemexicana.com
eventhalfkg.com
medcon-taiwan.com
life-himawari.com
myriamshomes.com
nightmarevue.com
allstarsru.com
bestofthebuckeyestate.com
bestofthefirststate.com
bestwireless7.com
declarationintermittent.com
findhereall.com
jingyou888.com
lsm99deal.com
lsm99galaxy.com
moozatech.com
nuagh.com
patliyo.com
philomenamagikz.net
rckouba.net
saturnunipessoallda.com
tallahasseefrolics.com
thematurehardcore.net
totalenvironment-inthatquietearth.com
velislavakaymakanova.com
vermontenergetic.com
sizam-design.com
kakakpintar.com
begorgeouslady.com
1800birks4u.com
2wheelstogo.com
6strip4you.com
bigdata-world.net
emailandco.net
gacapal.com
jharpost.com
krishnaastro.com
lsm99credit.com
mascalzonicampani.com
sitemapxml.org
thecityslums.net
topagh.com
flairnetwebdesign.com
bangkaeair.com
beneventocoupon.com
noternet.org
oqtive.com
smilebrightrx.com
decollage-etiquette.com
1millionbestdownloads.com
7658.info
bidbass.com
devlopworldtech.com
digitalmarketingrajkot.com
fluginfo.net
naqlafshk.com
passion-decouverte.com
playsirius.com
spacceleratorintl.com
stikyballs.com
top10way.com
yokidsyogurt.com
zszyhl.com
16firthcrescent.com
abogadolaboralistamd.com
apk2wap.com
aromacremeria.com
banparacard.com
bosmanraws.com
businessproviderblog.com
caltonosa.com
calvaryrevivalchurch.org
chastenedsoulwithabrokenheart.com
cheminotsgardcevennes.com
cooksspot.com
cqxzpt.com
deesywig.com
deltacartoonmaps.com
despixelsetdeshommes.com
duocoracaobrasileiro.com
fareshopbd.com
goodpainspills.com
kobisitecdn.com
makaigoods.com
mgs1454.com
piccadillyresidences.com
radiolaondafresca.com
rubendorf.com
searchengineimprov.com
sellmyhrvahome.com
shugahouseessentials.com
sonihullquad.com
subtractkilos.com
valeriekelmansky.com
vipasdigitalmarketing.com
voolivrerj.com
zeelonggroup.com
1015southrockhill.com
10x10b.com
111-online-casinos.com
191cb.com
3665arpentunitd.com
aitesonics.com
bag-shokunin.com
brightotech.com
communication-digitale-services.com
covoakland.org
dariaprimapack.com
freefortniteaccountss.com
gatebizglobal.com
global1entertainmentnews.com
greatytene.com
hiroshiwakita.com
iktodaypk.com
jahatsakong.com
meadowbrookgolfgroup.com
newsbharati.net
platinumstudiosdesign.com
slotxogamesplay.com
strikestaruk.com
trucosdefortnite.com
ufabetrune.com
weddedtowhitmore.com
12940brycecanyonunitb.com
1311dietrichoaks.com
2monarchtraceunit303.com
601legendhill.com
850elaine.com
adieusolasomade.com
andora-ke.com
bestslotxogames.com
cannagomcallen.com
endlesslyhot.com
iestpjva.com
ouqprint.com
pwmaplefest.com
qtylmr.com
rb88betting.com
buscadogues.com
1007macfm.com
born-wild.com
growthinvests.com
promocode-casino.com
proyectogalgoargentina.com
wbthompson-art.com
whitemountainwheels.com
7thavehvl.com
developmethis.com
funkydogbowties.com
travelodgegrandjunction.com
gao-town.com
globalmarketsuite.com
blogshippo.com
hdbka.com
proboards67.com
outletonline-michaelkors.com
kalkis-research.com
thuthuatit.net
buckcash.com
hollistercanada.com
docterror.com
asadart.com
vmayke.org
erwincomputers.com
dirimart.org
okkii.com
loteriasdecehegin.com
mountanalog.com
healingtaobritain.com
ttxmonitor.com
bamthemes.com
nwordpress.com
11bolabonanza.com
avgo.top