Animate Gmail Profile Picture – Make an Animated GIF Profile Photo Free

A still profile photo is fine. A gently looping one gets noticed. Google lets you set a GIF as your profile picture — the picture that follows you through Gmail, comments and Meet — and this free maker builds one from your own photos: pick 2 to 12 images, order them, set the speed, and download a perfectly square, endlessly looping GIF.

Frames are centre-cropped to a square automatically, the circular preview shows exactly what survives Gmail’s round crop, and the whole build happens in your browser.

How to make an animated Gmail profile picture

1. Click the file box and choose 2–12 photos. Faces near the centre work best — Gmail crops to a circle.
2. Use the ↑ ↓ buttons to order the frames, ✕ to remove one.
3. Pick a size (512 × 512 is the sweet spot) and a frame time: 0.4 s per frame feels lively; 1 s is calmer.
4. Click Build my GIF, wait for the encode, then Download GIF.
5. In Gmail: Settings → See all settings → General → My picture — or go to your Google Account → Personal info → Profile picture, and upload the GIF.

A worked example, with the numbers

Six photos at 512 × 512 and 0.4 s per frame: the loop is 2.4 seconds long, and the file lands around 600 KB–1.5 MB depending on how busy the photos are — comfortably inside Google’s limits. Each photo is centre-square-cropped first: a 4000 × 3000 photo contributes its middle 3000 × 3000, so check the circular preview for anything important near the edges. Drop to 250 × 250 and the same GIF shrinks to roughly a quarter of the file size.

What Google actually accepts

• Format: GIF is the classic animated choice and the one with the widest support across Google services.
• Shape: upload a square; Google displays it cropped to a circle almost everywhere. Design for the circle, not the square.
• Animation: the picture animates in some places (Gmail web, comments) and shows its first frame in others — so make frame 1 a good still photo in its own right.
• Work and school accounts: your organisation may restrict profile pictures; if uploads fail there, that is an admin setting, not the GIF.

Honest limitations

The encoder (the well-known open-source gif.js) loads from a public CDN the first time you build; offline, the build cannot start, and the tool says so rather than pretending. GIF has only 256 colours per frame, so smooth gradients can band — the Balanced quality setting is the safe default. Very large sets of frames at 512 px in Best quality can take half a minute on an older phone. And a moving profile picture is a personality choice: for a job-hunting account, consider whether playful is the impression you want.

Frequently asked questions

How do I go back to a still picture later?

Upload any ordinary photo in the same place — Google Account → Personal info → Profile picture. The GIF is replaced instantly everywhere; there is no special “remove animation” step, and you can switch back and forth as often as you like.

Frequently asked questions

Why does my GIF not animate in some Google apps?

Some surfaces show only the first frame. That is Google’s choice per app, not a defect in the file — the same GIF animates fully in Gmail on the web.

Can I turn a video into my profile GIF instead?

Yes, with a detour: use our MP4 to GIF converter to clip the video, then bring the frames here — or simpler, screenshot the best moments and use those stills as frames.

What is the best frame count?

Three to six frames reads as a deliberate animation. Beyond ten it starts to feel like a slideshow and the file grows quickly.

Related tools

Versión en español: Foto de Perfil de Gmail Animada – Crea un GIF para tu perfil gratis. You may also like: HTML to Image Converter – Turn HTML Code into a PNG, Free · WhatsApp DP Maker – Fit Any Photo as Your WhatsApp Profile Picture · MP4 to GIF Converter.

Embed this tool on your website — free

Copy the code below to add this working tool to your own page. A small credit link stays with it — that’s all we ask.

<iframe srcdoc="&lt;!DOCTYPE html&gt; &lt;html lang=&quot;en&quot;&gt; &lt;head&gt; &lt;meta charset=&quot;UTF-8&quot;&gt; &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt; &lt;title&gt;Animate Gmail Profile Picture&lt;/title&gt; &lt;style&gt; body{font-family:Arial,sans-serif;background-color:#f4f4f9;padding:16px;margin:0} .container{background:#fff;padding:20px;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.1);max-width:680px;margin:0 auto} h2{margin:0 0 6px;color:#0f3d3e;font-size:22px} p.sub{margin:0 0 14px;color:#555;font-size:14px} label{font-weight:600;font-size:14px;display:block;margin:10px 0 4px} input[type=text],input[type=number],select{width:100%;box-sizing:border-box;padding:11px;font-size:16px;border:1px solid #cbd5e1;border-radius:6px;background:#fff} .row{display:flex;gap:10px;flex-wrap:wrap} .row&gt;*{flex:1;min-width:140px} button{background:#0f766e;color:#fff;border:0;padding:11px 22px;font-size:16px;border-radius:6px;cursor:pointer;margin-top:12px} button:hover{background:#115e59} button:disabled{background:#94a3b8;cursor:wait} #status{font-size:13px;color:#666;margin-top:10px;min-height:16px} .err{color:#b91c1c} .card{border:1px solid #e2e8f0;border-radius:8px;padding:12px 14px;margin-top:12px;background:#f8fafc} .big{font-size:26px;font-weight:700;color:#0f3d3e} table{width:100%;border-collapse:collapse;margin-top:10px;font-size:14px} th,td{text-align:left;padding:7px 8px;border-bottom:1px solid #e2e8f0} th{color:#0f3d3e} .bar{height:10px;background:#e2e8f0;border-radius:5px;overflow:hidden} .bar&gt;i{display:block;height:100%;background:#0f766e} img.cover{max-width:120px;border-radius:6px} &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;div class=&quot;container&quot;&gt; &lt;h2&gt;Animate Gmail Profile Picture&lt;/h2&gt; &lt;p class=&quot;sub&quot;&gt;Turn 2–12 photos into a looping square GIF for your Google / Gmail profile. The round preview shows how it will actually appear.&lt;/p&gt; &lt;label&gt;Choose your photos (2 or more)&lt;/label&gt; &lt;input type=&quot;file&quot; id=&quot;f&quot; accept=&quot;image/*&quot; multiple&gt; &lt;div id=&quot;list&quot;&gt;&lt;/div&gt; &lt;div class=&quot;row&quot;&gt; &lt;div&gt;&lt;label&gt;GIF size&lt;/label&gt;&lt;select id=&quot;size&quot;&gt;&lt;option value=&quot;250&quot;&gt;250×250&lt;/option&gt;&lt;option value=&quot;400&quot;&gt;400×400&lt;/option&gt;&lt;option value=&quot;512&quot; selected&gt;512×512&lt;/option&gt;&lt;/select&gt;&lt;/div&gt; &lt;div&gt;&lt;label&gt;Time per frame&lt;/label&gt;&lt;select id=&quot;delay&quot;&gt;&lt;option value=&quot;200&quot;&gt;0.2s&lt;/option&gt;&lt;option value=&quot;400&quot; selected&gt;0.4s&lt;/option&gt;&lt;option value=&quot;700&quot;&gt;0.7s&lt;/option&gt;&lt;option value=&quot;1000&quot;&gt;1s&lt;/option&gt;&lt;option value=&quot;1500&quot;&gt;1.5s&lt;/option&gt;&lt;/select&gt;&lt;/div&gt; &lt;div&gt;&lt;label&gt;Quality&lt;/label&gt;&lt;select id=&quot;qual&quot;&gt;&lt;option value=&quot;5&quot;&gt;Best (slower)&lt;/option&gt;&lt;option value=&quot;10&quot; selected&gt;Balanced&lt;/option&gt;&lt;option value=&quot;20&quot;&gt;Fast&lt;/option&gt;&lt;/select&gt;&lt;/div&gt; &lt;/div&gt; &lt;p&gt;Preview — Gmail shows your picture inside a circle, so keep faces and text near the centre:&lt;/p&gt; &lt;img id=&quot;pv&quot; style=&quot;display:none;width:220px;height:220px;object-fit:cover;border-radius:50%;border:3px solid #0f766e&quot; alt=&quot;&quot;&gt; &lt;p&gt;&lt;button id=&quot;go&quot; type=&quot;button&quot; disabled&gt;Build my GIF&lt;/button&gt;&lt;/p&gt; &lt;div id=&quot;status&quot;&gt;&lt;/div&gt; &lt;p&gt;&lt;a id=&quot;dl&quot; href=&quot;#&quot; download style=&quot;display:none;background:#0f766e;color:#fff;padding:11px 22px;border-radius:6px;text-decoration:none;font-size:16px&quot;&gt;Download GIF&lt;/a&gt;&lt;/p&gt; &lt;script&gt;var T_FRAME=&#x27;Frame&#x27;, T_BUILDING=&#x27;Building your GIF… (big or best-quality GIFs can take 20–40 seconds)&#x27;, T_DONE=&#x27;Your GIF is ready.&#x27;, T_LIBFAIL=&#x27;The GIF engine could not be loaded from its CDN. Check your connection and try again.&#x27;;&lt;/script&gt; &lt;/div&gt; &lt;script&gt; function sendH(){ try { parent.postMessage({wpcId: 6462, wpcH: document.body.scrollHeight + 16}, &#x27;*&#x27;); } catch (e) {} } window.addEventListener(&#x27;load&#x27;, sendH); window.addEventListener(&#x27;resize&#x27;, sendH); //__CORE_START__ function gifDelayCs(ms){ return Math.max(2, Math.round(ms / 10)); } function gifSquareRect(w, h){ var s = Math.min(w, h); return { x: Math.round((w - s) / 2), y: Math.round((h - s) / 2), s: s }; } function gifOpts(size, quality, workerUrl){ return { workers: 2, quality: quality, width: size, height: size, repeat: 0, dither: false, background: &#x27;#ffffff&#x27;, workerScript: workerUrl }; } function gifFrameCanvas(img, size, mk){ var r = gifSquareRect(img.naturalWidth || img.width, img.naturalHeight || img.height); var cv = mk(); cv.width = size; cv.height = size; var cx = cv.getContext(&#x27;2d&#x27;); cx.fillStyle = &#x27;#ffffff&#x27;; cx.fillRect(0, 0, size, size); cx.drawImage(img, r.x, r.y, r.s, r.s, 0, 0, size, size); return cv; } //__CORE_END__ var GIF_CDN = &#x27;https://cdn.jsdelivr.net/npm/gif.js@0.2.0/dist/gif.js&#x27;; var GIF_WORKER_CDN = &#x27;https://cdn.jsdelivr.net/npm/gif.js@0.2.0/dist/gif.worker.js&#x27;; var gifFrames = [], gifWorkerUrl = null; var fEl = document.getElementById(&#x27;f&#x27;), msg = document.getElementById(&#x27;status&#x27;), listEl = document.getElementById(&#x27;list&#x27;), pv = document.getElementById(&#x27;pv&#x27;), dl = document.getElementById(&#x27;dl&#x27;), goBtn = document.getElementById(&#x27;go&#x27;); function say(t, err){ msg.textContent = t; msg.className = err ? &#x27;err&#x27; : &#x27;&#x27;; } function loadScript(src){ return new Promise(function(res, rej){ var s = document.createElement(&#x27;script&#x27;); s.src = src; s.onload = res; s.onerror = rej; document.body.appendChild(s); }); } function getWorkerUrl(){ if (gifWorkerUrl) return Promise.resolve(gifWorkerUrl); return fetch(GIF_WORKER_CDN).then(function(r){ if (!r.ok) throw new Error(&#x27;worker fetch&#x27;); return r.text(); }).then(function(txt){ gifWorkerUrl = URL.createObjectURL(new Blob([txt], { type: &#x27;application/javascript&#x27; })); return gifWorkerUrl; }); } function refreshList(){ listEl.innerHTML = &#x27;&#x27;; gifFrames.forEach(function(fr, i){ var row = document.createElement(&#x27;div&#x27;); row.className = &#x27;card&#x27;; row.innerHTML = &#x27;&lt;strong&gt;&#x27; + T_FRAME + &#x27; &#x27; + (i + 1) + &#x27;&lt;/strong&gt; \u00b7 &#x27; + fr.name + &#x27; &#x27;; var up = document.createElement(&#x27;button&#x27;); up.type = &#x27;button&#x27;; up.textContent = &#x27;\u2191&#x27;; up.addEventListener(&#x27;click&#x27;, function(){ if (i &gt; 0) { var t = gifFrames[i - 1]; gifFrames[i - 1] = gifFrames[i]; gifFrames[i] = t; refreshList(); } }); var dn = document.createElement(&#x27;button&#x27;); dn.type = &#x27;button&#x27;; dn.textContent = &#x27;\u2193&#x27;; dn.addEventListener(&#x27;click&#x27;, function(){ if (i &lt; gifFrames.length - 1) { var t = gifFrames[i + 1]; gifFrames[i + 1] = gifFrames[i]; gifFrames[i] = t; refreshList(); } }); var rm = document.createElement(&#x27;button&#x27;); rm.type = &#x27;button&#x27;; rm.textContent = &#x27;\u2715&#x27;; rm.addEventListener(&#x27;click&#x27;, function(){ gifFrames.splice(i, 1); refreshList(); }); row.appendChild(up); row.appendChild(dn); row.appendChild(rm); listEl.appendChild(row); }); goBtn.disabled = gifFrames.length &lt; 2; if (gifFrames.length) { var sq = gifFrameCanvas(gifFrames[0].img, 220, function(){ return document.createElement(&#x27;canvas&#x27;); }); pv.src = sq.toDataURL(&#x27;image/png&#x27;); pv.style.display = &#x27;block&#x27;; } sendH(); } fEl.addEventListener(&#x27;change&#x27;, function(){ var files = Array.prototype.slice.call(fEl.files || []); var pending = files.length; if (!pending) return; files.forEach(function(file){ var u = URL.createObjectURL(file), im = new Image(); im.onload = function(){ gifFrames.push({ img: im, name: file.name }); if (--pending === 0) refreshList(); }; im.onerror = function(){ if (--pending === 0) refreshList(); }; im.src = u; }); }); goBtn.addEventListener(&#x27;click&#x27;, function(){ if (gifFrames.length &lt; 2) return; goBtn.disabled = true; say(T_BUILDING); var size = parseInt(document.getElementById(&#x27;size&#x27;).value, 10); var delay = parseInt(document.getElementById(&#x27;delay&#x27;).value, 10); var quality = parseInt(document.getElementById(&#x27;qual&#x27;).value, 10); var ready = (typeof GIF !== &#x27;undefined&#x27;) ? Promise.resolve() : loadScript(GIF_CDN); ready.then(getWorkerUrl).then(function(wurl){ var gif = new GIF(gifOpts(size, quality, wurl)); gifFrames.forEach(function(fr){ var cv = gifFrameCanvas(fr.img, size, function(){ return document.createElement(&#x27;canvas&#x27;); }); gif.addFrame(cv, { copy: true, delay: delay }); }); gif.on(&#x27;finished&#x27;, function(blob){ var u = URL.createObjectURL(blob); pv.src = u; pv.style.display = &#x27;block&#x27;; dl.href = u; dl.download = &#x27;gmail-profile.gif&#x27;; dl.style.display = &#x27;inline-block&#x27;; say(T_DONE + &#x27; &#x27; + (blob.size / 1024).toFixed(0) + &#x27; KB \u00b7 &#x27; + size + &#x27;\u00d7&#x27; + size); goBtn.disabled = false; sendH(); }); gif.render(); }).catch(function(){ goBtn.disabled = false; say(T_LIBFAIL, true); }); }); &lt;/script&gt; &lt;/body&gt; &lt;/html&gt; " id="wpc-frame-6462" class="wpc-embed-frame" style="width:100%;border:0;display:block;overflow:hidden;" scrolling="no"></iframe> <p><a href="https://ilmhunt.com/animate-gmail-profile-picture/" target="_blank" rel="noopener">Animate Gmail Profile Picture – Make an Animated GIF Profile Photo Free</a> by <a href="https://ilmhunt.com/" target="_blank" rel="noopener">IlmHunt</a> — free online tools</p>