How to Make a Profile Card | Fit Your Social Media Introduction into One Image
Do you retype your name, title and accounts every time you introduce yourself online or at an event? Put it all into one image and you only have to paste it. This guide covers how to make a profile card in your browser and how to write it so it gets your message across in very few words.
When a profile card comes in handy
A profile card puts your name, title, a one-line introduction and your social accounts into a single image. Information that gets skimmed as text makes people stop and look as an image, and they can save it as it is.
- Pinned social media post: covers what does not fit in your bio, in one image
- Event or meetup introductions: paste it straight onto your first slide
- Online business card: send it in a chat or DM and your name and accounts arrive together
- Author box on a blog or newsletter: placed at the end of an article, it leads readers to your other accounts
- Freelance or side-job applications: attach a summary of your title and achievements to the top of your documents
The point is not to remake it every time. Make it once and save it as an image, and from then on you only paste it. Remake it only when your title changes.
Making a profile card in your browser
You do not need to open a design app. The preview updates as you fill in the fields, so you can adjust while watching the result.
- 1
Choose an avatar image
Pick an image from the round icon frame or the button. The centre of the image is cropped to a square and fitted in a circle, so a photo with your face or logo in the middle will not get cut off. If you choose no image, the first letter of your name is shown as an initial.
- 2
Enter your name, title and introduction
Your name is required. The title is drawn in the accent colour and the introduction in smaller text below it. Everything appears in the preview as you type, so you can see straight away whether it is too long.
- 3
Add social accounts and links
Choose from X, Instagram, YouTube, TikTok, GitHub and Website, and enter your handle or URL. Two slots, X and Instagram, are ready by default, and “+ Add a social account” lets you add up to four.
- 4
Choose a background theme
Pick one of seven themes. Each switches not just the background gradient but also the text colour, accent colour and pattern as a set, so there is no need to agonise over colour matching.
- 5
Download as PNG
Press “Download PNG” to save a 1200 × 630 px image. The button stays disabled while the name is empty, so you cannot accidentally save a card with the name missing.
Writing so it works in few words
The more you cram onto a profile card, the less of it gets read. Each field has a limit, and thinking about what to cut within it gets your message across better in the end.
| Field | Maximum length | How to write it |
|---|---|---|
| Name | 30 characters | Use the form you normally go by. Pick either your real name or your handle, not both |
| Title / role | 40 characters | Job plus field, around 15 characters. “Front-end engineer” rather than just “Engineer” |
| Introduction | 100 characters | No more than two of: achievements, what you post, what you would like to be contacted about. Around 60 characters reads best |
| Social accounts / links | 50 characters each, up to 4 | Only accounts you update. Leave dormant ones off |
- Make your title a word that tells people at a glance what you do. Avoid in-house jargon and abbreviations
- Put one number in your introduction for concreteness (for example 3 years, 10 posts a month, 100 articles)
- Two accounts you most want people to see get more clicks than four
- If you will reuse the card, leave out time-limited information such as event names or recruitment notices
Choosing a background theme
There are seven themes. All of them use light text on a dark background, so the text stays readable in a timeline. Choosing by purpose makes the decision easy.
| Theme | Look | Good for |
|---|---|---|
| Indigo | Blue-violet gradient with dots | All-purpose. Tech and creative introductions |
| Sunset | Red-to-orange with diagonal lines | When you want energy. Creators and coaches |
| Forest | Deep green with a grid | Calm. Education, nature and health |
| Ocean | Blues with dots | Trustworthy and easy to read. Business settings |
| Midnight | Navy to grey, no pattern | When the information is the star. Pasting into documents |
| Rose | Deep red with lines | Soft. Lifestyle and portfolio accounts |
| Slate | Grey with a grid | Neutral and fits anywhere. As a business card |
If in doubt, choose a theme whose colour is far from your avatar's. When the avatar and background are similar, the circular avatar blends into the background and its outline becomes hard to see.
Getting the most out of 1200 × 630 px
The saved image is 1200 × 630 px — the same ratio as the OGP image shown when a link is shared on social media, and as wide images attached to posts. That is why it can be pasted as is in so many places.
- Attached to a social post: a wide ratio that tends to display without cropping
- Slide cover: fits naturally on a 16:9 slide
- Author box on a blog or newsletter: sharp enough to fill the article width
- Draft header image: the information sits near the centre, so it stays readable even with the top and bottom cropped
Be careful only when using it as a profile picture. Avatars are cropped to a square, so setting the wide card as your avatar cuts off the sides. Use your original photo for the avatar and the card for introductions.
Keeping it up to date
A profile card loses its value once the information is out of date. That does not mean remaking it every month — reviewing it at these moments is enough.
- When your title or affiliation changes
- When you switch your main social platform or change your account name
- When you change your avatar (a card that does not match your current avatar looks like someone else)
- When a number in your introduction no longer matches reality
What you enter is not saved, so remaking the card means typing it again. Keep the text you entered in a note alongside the downloaded PNG and the next time will be quick.
FAQ
- Can I make a profile card for free?
- Yes. It runs in your browser, so you can create and download a card for free with no sign-up or installation. The PNG you make can be used as is on social media and in documents.
- Is the face photo I upload stored anywhere?
- The image you choose is loaded in your browser and used directly to draw the card. It is never sent to a server and does not remain after you close the page, so a face photo never leaves your device.
- How many social links can I add?
- Up to four, chosen from X, Instagram, YouTube, TikTok, GitHub and Website. Two slots, X and Instagram, are shown by default, and “+ Add a social account” lets you add up to four.
- Can I change the image size?
- The export size is fixed at 1200 × 630 px. It has the same ratio as social media share images and wide post images, so it works as is in most places. If you need another size, crop the saved PNG in an image editor.
- Can I make one on my phone?
- Yes. The input fields and theme picker stack vertically to fit the screen, and the preview is shown the same way. You can pick an avatar from your phone's photos and save the card as a PNG on the spot.
Tools in this article
Related articles
How to Choose a Social Media Icon Size | Making an Image That Survives Being Cropped to a Circle
You upload an icon and the edge of your face is cut off, the text is unreadable, or it looks blurry up close. Almost every time, the cause is overlooking one premise: you make it as a square and it gets cut into a circle. This guide covers how to think about a size you can make once and reuse everywhere, and how to place things so nothing gets cut off.
Read article →How to Choose a Brand Color: What Logo Colors Communicate and a Step-by-Step Process
You can often guess a famous service's logo from its color alone, even when the shape is blurred. That is because color is remembered as a “marker,” not as a “meaning.” This guide covers the roles a color can play and a process for narrowing your brand color down to one without second-guessing.
Read article →What Are Complementary Colors? Opposites on the Color Wheel and How to Use Them Without Mistakes
Complementary colors are “colors directly opposite each other on the color wheel,” yet some sources say red's complement is cyan and others say it is green. This guide explains why the two answers differ, lists the classic pairs, and covers the area ratios that make complementary colors work in a design.
Read article →