Give your supporters a visual way to show the world they support your cause. It only takes them four easy clicks! It's simply on your end, too. Just use our Profile Picture Frame social action to create and share new profile pictures overlays with your fans on Facebook.
What makes a great picture frame... one that people will want to use and share? Let's review a few dos and don'ts (with a bonus maybe). We even have a few free tools to recommend, too.
So let's create something beautiful, shall we?
Tools to help you build your image
This free web app lets you create and save images with transparent backgrounds. Be sure to select "Create new image" and then choose transparent background. When saving your image, make it a .PNG file. (This will leave the background transparent, versus filling it in.)
This free online tool offers a generous help section to guide you through the process. But really it's as simple as creating your overlay image and clicking the download button at the top. Again, be sure to save it as a .PNG file and check "Transparent background" before you download it.
For a more robust photo editor, check out Gimp. This is a free Photoshop-lookalike that you can download to your personal machine. Unlike the first two, this tool will live on your computer as a piece of software.
Again, remember to save your new image as a .PNG file with a transparent background.
This site offers a ton of free .PNG images that come with transparent backgrounds. Talk about easy! And did we mention it's free... ?
Transparent backgrounds are essential!
Your image overlay must be on a transparent background. You're not replacing the person's profile image. You're fusing it with your own, to visually associate the supporter to your cause.
Below is an example of what a red balloon on a transparent background looks like. (In this example, we're using the Pixlr editing tool listed above.) Notice the white and grey checkers? That indicates the transparent part of the image.
For contrast, the example below shows what the same red balloon image would look like on a solid white background.
Now, let's look at how each of these images would appear as a profile picture overlay.
In the first example, we can see both the red balloon and the supporters profile image. This was the file that used the transparent background.
But in the following example, we only see the red balloon. This is because the file used a solid white background, completely covering up the supporter's profile image, rather than letting it show through.
Likewise, if you'd like your design to appear at the top and/or bottom of the profile picture, don't fill the entire image with your design. Leave empty room in the middle for their face. In the example below the bluebird is in the lower left corner with plenty of room left for the profile image to show through.
- Build your overlay image on a transparent background.
- Use bold, eye-catching colors.
- Use contrast.
- Place your overlay at the bottom, top, or corners of the profile image. (We still want to see the supporters face!)
- Keep it simple.
- Make your image the recommended 1000 x 1000px size
- Make your overlay image complex. The profile image is very small. Use your space wisely.
- Include a lot of text. A hashtag or short phrase is fine, but don't get carried away. In such a small image, no one will be able to read much text anyway.
- Completely cover the profile image with your image. Let your overlay enhance their image, not dominate it.
- Include too many design elements. You don't need filters, glitter, banners, badges, and stickers all in the same image. Less is more.
- Include your logo and/or branding (if it doesn't break the dos and don'ts above).
Why is that last one a maybe? Because people come to Facebook to connect with friends and family. They instinctually avoid branding, logos, and anything that smells like an ad. Including your logo and/or a lot of branding in your profile overlay could cause people to scroll right past it, not realizing it's for a nonprofit cause. If you choose to include your logo, have a very good reason for doing so, as it could decrease the overall reach and engagement for your cause.
Examples of good profile picture frames
- Striking colors
- Uses a short hashtag
- Places the image overlay at the bottom of the profile image
I stand with refugees and Immigrants
- Simple design
- Light blue filter catches the eye
- Uses a short phase in easily readable sans serif font
Examples of not-so-good profile picture frames
Stand with wolves
- The serif font is hard (if not impossible) to read
- The overlay is at the bottom of the profile image, but covers up too much of the person's picture
Stand with tigers
- Way too much going on!
- The font is slightly better than the wolves one, but still hard to read
- The supporter's picture is almost completely covered by the cause's frame
The moral of the story?
With the right tools (and there are a lot of free ones!), anyone can create a beautiful profile picture frame to help people show support for a cause. All you have to do is remember these simple guidelines or come back to this page for a refresher course. No design degree or art background required!