How transparency works in a PNG
Every pixel in a PNG can carry an extra value besides its color: how opaque it is. A fully opaque pixel hides whatever is behind it; a fully transparent pixel shows it completely. When you delete the shape where a photo should go and export the graphic as a PNG with a transparent background, that area becomes a window.
This is why the file format matters. A JPG has no transparency at all, so a JPG can never be a transparent template. A PNG exported with a solid background is opaque too, even though the format could have supported transparency. Only a PNG exported with the photo area actually cut out works as a transparent template.
Why it makes event graphics look better
There are two ways to combine a template and a personal photo. You can put the photo on top of the graphic, in a free space you leave for it. Or you can put the photo behind the graphic and let it show through a cut-out. The second is what designers usually want.
With the photo behind the design, your artwork stays in charge. A name bar can run across the bottom of the photo, a frame can overlap its edges, the event logo can sit partly over the shoulder, and a curved or irregular cut-out is possible. With the photo on top, nothing can overlap it: the photo always covers whatever is under its area, so the design has to keep a clean rectangle or circle free.
For Meet Me At graphics and speaker share cards, where the photo is the hero and the branding needs to frame it, a transparent template is usually the better choice.
How to make a transparent PNG template
Any design tool that exports PNG with transparency can make one: Figma, Photoshop, Illustrator and Canva Pro among them. The steps are the same everywhere:
- Design at full size. Square 1080 × 1080 px or portrait 1080 × 1350 px work well on LinkedIn. Larger is fine; the personalized graphic is rendered at the template's own size, so a small template gives a blurry result.
- Mark the photo area with a shape. Place a placeholder shape where the photo should appear while you design, so you can judge the layout.
- Delete or hide that shape. Before exporting, remove the placeholder so that area has nothing in it.
- Export as PNG with a transparent background. Make sure the transparent background option is on. In some tools it is a paid feature.
- Check that only the photo area is transparent. If the background or margins are transparent too, the photo could show through there as well.
Design tips for the cut-out
Make the photo area generous. People's faces are what make these graphics work, and a tiny cut-out turns the person into a detail. As a rule of thumb, give the photo about 30% of the canvas or more.
Keep text that sits next to the photo high-contrast, because you do not know what the photo behind it will look like. A dark name bar with light text reads well over any photo; thin light text over an unknown background may not. Test your template with a few very different photos, a light one, a dark one and a busy one, before you publish. Try it on a phone as well, since many people will create and check their graphic there.
Finally, think about framing. Most people will upload a head-and-shoulders photo or use their profile picture. A cut-out roughly shaped for that, with some room above the head, will look right for most of them without much adjustment.
One template per role
Events rarely need just one template. Attendees, speakers, sponsors and exhibitors each have a different message, and a social share card works best when it is made for the person posting it. The easiest way to keep them consistent is to design one master layout with the cut-out in the same place, then change the headline, colors or details for each role.
Keeping the cut-out identical across versions has a practical benefit: you test the photo framing once, and every version behaves the same. If one role needs extra room, for example a speaker card with a session title, adjust the layout around the photo rather than moving the photo itself.
The same idea sits behind a photo frame campaign, where a transparent frame is shared with a large audience. The difference for events is usually the detail: names, roles, session titles and logos that make each graphic specific to the person and the event.
When an opaque template is fine
A regular image, a JPG or a PNG without transparency, can work well too. You leave free space in the design and mark where the photo goes after uploading. It is simpler to make, and for layouts where the photo sits in a clean box or circle with nothing overlapping it, the result looks the same.
The trade-off is control. Because the photo goes on top, it covers anything under its area, so the free space and the photo area need to match exactly. If you later want a name bar over the photo, you need a transparent version.
Common problems and how to fix them
Most issues come from the export, not the design.
- The photo covers my text or logo. The file was exported without transparency, so the photo is drawn on top. Export again as PNG with the photo area cut out and a transparent background.
- The photo does not show, or only partly. The photo area must cover the whole cut-out. Make it slightly larger than the transparent region.
- The photo appears in the wrong place. Other parts of the graphic are transparent too, often the margins or the background. Use a PNG whose only transparent part is the photo area.
- The result is blurry. The template is too small. Upload it at 1080 px or more on each side.