WhatsApp DP Maker – Fit Any Photo as Your WhatsApp Profile Picture

WhatsApp profile pictures are square, and most photos are not — so the app’s own cropper cheerfully cuts off heads, feet or half the group. This free DP maker takes the other route, the same trick our passport photo makers use: the full photo sits sharp in the middle, and the empty bands are filled with a blurred, darkened copy of the photo itself. Nothing is cropped, and it looks deliberate rather than padded.

Prefer a plain background? Switch to a solid colour instead. Exports are proper square PNGs up to 1024 × 1024, made entirely in your browser.

How to make a WhatsApp DP

1. Click the file box and choose any photo — wide, tall, whatever you have.
2. Leave the background on Blurred photo fill and adjust the blur, or switch to a solid colour.
3. Tick Preview as a circle to see the picture the way chat lists show it, and check nothing important hugs the corners.
4. Click Download DP (PNG), then set it in WhatsApp: Settings → your name → profile photo.

A worked example, with the numbers

A wide 3000 × 2000 group photo into a 640 × 640 DP. WhatsApp’s own crop would keep only the middle 2000 × 2000 — a third of the group gone. Here, the photo is scaled by the contain ratio 640 ÷ 3000 ≈ 0.213 to 640 × 427, centred with about 107 px bands above and below. Those bands are filled by the same photo scaled to cover (640 × 960, cropped by the square) and blurred at 24 px, so the colours match the scene and all six people stay in frame.

Why the blurred fill beats the alternatives

• Versus cropping: nobody loses their head, and wide group shots survive.
• Versus black bars: the fill uses your photo’s own colours, so it reads as a soft backdrop, not an error.
• Versus stretching: faces keep their real proportions. Always.
• Solid colour still wins for logos and text graphics, where a blurry echo of the design would look messy — hence the option.

What WhatsApp does with your DP

• Square in, circle out: the file is square, but chats display it in a circle. Keep subjects away from the corners.
• 640 × 640 is plenty: WhatsApp compresses profile pictures hard; the 1024 export is for using the same square elsewhere (Telegram, X, forums).
• Status and calls reuse it: the same picture appears across the app, so pick one that reads well small — a face should fill a good share of the frame.

Honest limitations

The fill bands are decoration, not information: an extremely wide panorama will still be small in the middle — for those, cropping the centre strip in our photo editor first gives a bigger subject. The tool fits one photo per DP; it does not add text or frames (our text tool can label the result afterwards if you want a name on it).

Frequently asked questions

Can I make a DP from a screenshot?

Yes — screenshots are just images. Tall phone screenshots work especially well with the blurred fill, because their own colours tint the side bands. Crop away status bars first in the photo editor if they are visible.

Frequently asked questions

What size should a WhatsApp DP be?

At least 640 × 640 for a crisp result on modern phones. This tool’s default is exactly that; 320 is the lightweight option, 1024 the maximum-quality one.

Why does WhatsApp still crop my picture a little?

If your export is square it should not crop at all. Make sure you uploaded the downloaded PNG, not the original photo — an easy mix-up in a crowded gallery.

Can I use this for other apps?

Yes — any service that wants a square profile picture (Telegram, Signal, Discord, forums) can use the same file.

Related tools

Versión en español: Foto de Perfil de WhatsApp – Ajusta cualquier foto a tu DP sin recortar. You may also like: Online Photo Editor – Adjust, Filter, Rotate & Crop Photos Free · Animate Gmail Profile Picture – Make an Animated GIF Profile Photo Free · US Passport Photo Maker.

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;WhatsApp DP Maker&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;WhatsApp DP Maker&lt;/h2&gt; &lt;p class=&quot;sub&quot;&gt;WhatsApp wants a square. Your photo is not. This fits the WHOLE photo into the square over a blurred background — nobody gets cropped out.&lt;/p&gt; &lt;label&gt;Choose your photo&lt;/label&gt; &lt;input type=&quot;file&quot; id=&quot;f&quot; accept=&quot;image/*&quot;&gt; &lt;div class=&quot;row&quot;&gt; &lt;div&gt;&lt;label&gt;Export size&lt;/label&gt;&lt;select id=&quot;size&quot;&gt;&lt;option value=&quot;320&quot;&gt;320×320&lt;/option&gt;&lt;option value=&quot;640&quot; selected&gt;640×640&lt;/option&gt;&lt;option value=&quot;1024&quot;&gt;1024×1024&lt;/option&gt;&lt;/select&gt;&lt;/div&gt; &lt;div&gt;&lt;label&gt;Background&lt;/label&gt;&lt;select id=&quot;bgmode&quot;&gt;&lt;option value=&quot;blur&quot;&gt;Blurred photo fill&lt;/option&gt;&lt;option value=&quot;color&quot;&gt;Solid colour&lt;/option&gt;&lt;/select&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;row&quot;&gt; &lt;div&gt;&lt;label&gt;Background blur &lt;span id=&quot;radv&quot;&gt;&lt;/span&gt;&lt;/label&gt;&lt;input type=&quot;range&quot; id=&quot;rad&quot; min=&quot;4&quot; max=&quot;60&quot; value=&quot;24&quot; style=&quot;width:100%&quot;&gt;&lt;/div&gt; &lt;div&gt;&lt;label&gt;Background colour&lt;/label&gt;&lt;input type=&quot;color&quot; id=&quot;bgc&quot; value=&quot;#0f3d3e&quot; style=&quot;width:100%;height:44px&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;label&gt;&lt;input type=&quot;checkbox&quot; id=&quot;circle&quot;&gt; Preview as a circle (how chats show it)&lt;/label&gt; &lt;canvas id=&quot;cv&quot; style=&quot;display:none;max-width:100%;margin-top:10px;border-radius:6px&quot;&gt;&lt;/canvas&gt; &lt;p&gt;&lt;button id=&quot;dl&quot; type=&quot;button&quot;&gt;Download DP (PNG)&lt;/button&gt;&lt;/p&gt; &lt;div id=&quot;status&quot;&gt;&lt;/div&gt; &lt;script&gt;var T_FAIL=&#x27;That file could not be read as an image.&#x27;;&lt;/script&gt; &lt;/div&gt; &lt;script&gt; function sendH(){ try { parent.postMessage({wpcId: 6464, wpcH: document.body.scrollHeight + 16}, &#x27;*&#x27;); } catch (e) {} } window.addEventListener(&#x27;load&#x27;, sendH); window.addEventListener(&#x27;resize&#x27;, sendH); //__CORE_START__ function waCoverFit(w, h, box){ var s = Math.max(box / w, box / h); var W = Math.round(w * s), H = Math.round(h * s); return { w: W, h: H, x: Math.round((box - W) / 2), y: Math.round((box - H) / 2) }; } function waContainFit(w, h, box){ var s = Math.min(box / w, box / h); var W = Math.round(w * s), H = Math.round(h * s); return { w: W, h: H, x: Math.round((box - W) / 2), y: Math.round((box - H) / 2) }; } function waSizes(){ return [320, 640, 1024]; } //__CORE_END__ var waImg = null; var fEl = document.getElementById(&#x27;f&#x27;), cv = document.getElementById(&#x27;cv&#x27;), msg = document.getElementById(&#x27;status&#x27;); function say(t, err){ msg.textContent = t; msg.className = err ? &#x27;err&#x27; : &#x27;&#x27;; } function render(){ if (!waImg) return; var box = parseInt(document.getElementById(&#x27;size&#x27;).value, 10); var mode = document.getElementById(&#x27;bgmode&#x27;).value; var rad = parseInt(document.getElementById(&#x27;rad&#x27;).value, 10); cv.width = box; cv.height = box; var cx = cv.getContext(&#x27;2d&#x27;); var W = waImg.naturalWidth, H = waImg.naturalHeight; if (mode === &#x27;color&#x27;) { cx.fillStyle = document.getElementById(&#x27;bgc&#x27;).value; cx.fillRect(0, 0, box, box); } else { var cov = waCoverFit(W, H, box); var filterOk = false; try { cx.filter = &#x27;blur(&#x27; + Math.round(rad * box / 640) + &#x27;px) brightness(0.92)&#x27;; filterOk = (cx.filter &amp;&amp; cx.filter !== &#x27;none&#x27;); } catch (e) { filterOk = false; } if (filterOk) { var grow = 1 + (rad / 200); cx.drawImage(waImg, box / 2 - cov.w * grow / 2, box / 2 - cov.h * grow / 2, cov.w * grow, cov.h * grow); try { cx.filter = &#x27;none&#x27;; } catch (e) {} } else { var tmp = document.createElement(&#x27;canvas&#x27;); var f = Math.max(0.03, Math.min(1, 6 / Math.max(6, rad * 2))); tmp.width = Math.max(2, Math.round(box * f)); tmp.height = Math.max(2, Math.round(box * f)); var tcov = waCoverFit(W, H, tmp.width); var tx = tmp.getContext(&#x27;2d&#x27;); tx.drawImage(waImg, tcov.x, tcov.y, tcov.w, tcov.h); cx.imageSmoothingEnabled = true; cx.drawImage(tmp, 0, 0, box, box); } } var con = waContainFit(W, H, box); cx.drawImage(waImg, con.x, con.y, con.w, con.h); cv.style.display = &#x27;block&#x27;; cv.style.borderRadius = document.getElementById(&#x27;circle&#x27;).checked ? &#x27;50%&#x27; : &#x27;6px&#x27;; sendH(); } [&#x27;size&#x27;,&#x27;bgmode&#x27;,&#x27;rad&#x27;,&#x27;bgc&#x27;,&#x27;circle&#x27;].forEach(function(id){ var el = document.getElementById(id); el.addEventListener(&#x27;input&#x27;, render); el.addEventListener(&#x27;change&#x27;, render); }); fEl.addEventListener(&#x27;change&#x27;, function(){ var file = fEl.files &amp;&amp; fEl.files[0]; if (!file) return; var u = URL.createObjectURL(file), im = new Image(); im.onload = function(){ waImg = im; say(&#x27;&#x27;); render(); }; im.onerror = function(){ say(T_FAIL, true); }; im.src = u; }); document.getElementById(&#x27;dl&#x27;).addEventListener(&#x27;click&#x27;, function(){ if (!waImg) return; cv.toBlob(function(b){ var u = URL.createObjectURL(b), a = document.createElement(&#x27;a&#x27;); a.href = u; a.download = &#x27;whatsapp-dp.png&#x27;; a.click(); setTimeout(function(){ URL.revokeObjectURL(u); }, 4000); }, &#x27;image/png&#x27;); }); &lt;/script&gt; &lt;/body&gt; &lt;/html&gt; " id="wpc-frame-6464" class="wpc-embed-frame" style="width:100%;border:0;display:block;overflow:hidden;" scrolling="no"></iframe> <p><a href="https://ilmhunt.com/whatsapp-dp-maker/" target="_blank" rel="noopener">WhatsApp DP Maker – Fit Any Photo as Your WhatsApp Profile Picture</a> by <a href="https://ilmhunt.com/" target="_blank" rel="noopener">IlmHunt</a> — free online tools</p>