Give your supporters a visual way to show the world they support your cause. It only takes them four easy clicks! Just use our Profile Picture Frame social action to create and share new profile pictures frames with your followers 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. We even have a few free tools to recommend, too.
Tools to help you build your image
This free web app lets you create and save images with transparent backgrounds. To do so, be sure to select "Create new image", choose transparent background, and set the width and height to 1,000 x 1,000 pixels.
This all must be done before you start uploading your frame elements like logos or text.
When saving your image, make it a .PNG file. (This will leave the background transparent, versus filling it in.)
This is another free, easy to use, web tool!
Before you start to upload your frame image(s), you must create the correct canvas to work with.
First, under color select transparent:
Then under size you want 1,000 by 1,000 pixels:
Click apply each time.
Then click open an image to edit at the top of the page. This is when you can bring in your frame elements like text or a logo image. Place them as you'd like and remember to save as a .PNG file.
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.
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 frame 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 frame with our current Facebook profile image.
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 your supporter's 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 1,000 x 1,000px 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 frame 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!
Have questions? Reach us at firstname.lastname@example.org