Show Two Photos Side by Side Under One Headline

The side-by-side layout places two photos next to each other across the top of the pin, with a title panel running beneath them. Putting the images at equal size makes the comparison obvious in a single glance, which is what you want when the difference between the two is the whole point of the post and nothing else should distract from it. Equal tiles make that comparison fair, and the panel keeps the explanation short and clear.

Click a photo to drag it · drag a corner or scroll to zoom · click an empty slot to add one

1 Photos
    2 Title & branding
    Mix fonts in one title

    Type words from your title and pick a font for them. The rest stays in the main font. The first matching row wins.

    3 Layout & style
    Style presets
    Title
    Accent
    Band

    Shortcuts: Ctrl+Enter download · Ctrl+D duplicate & remix · Esc deselect photo

    Anatomy of the side-by-side layout

    It fits makeovers, transformations, product comparisons, and this-or-that posts. The panel gives the headline a clean, solid background, so the title stays readable. Because both photos share the same row, matching their crops and framing is the key to making the pair feel honest and easy to compare. Take a moment to align both before you download. Zoom each one until the subjects match in size.

    Two equal photos

    The two images sit next to each other at the same width. Click either one in the preview to drag it and zoom it with the corner handles or slider. Adjust both until the subject has the same scale and position in each tile, so the comparison reads clearly to someone scrolling quickly.

    Title panel

    Below the photos, a solid panel in your band color holds the title. The bold uppercase text is auto-sized to fit, and your own line breaks are kept. Words like before and after can be highlighted in the accent color to guide the eye across the pair.

    Accent highlights

    The accent color emphasizes chosen words, and a leading number is picked up automatically. In a comparison, highlight the claim that matters, such as the time, the cost, or the change itself. Pick an accent that contrasts well with the panel color.

    Photo dim

    The photo dim setting darkens both images evenly. Use it only to bring two shots to a similar brightness when the lighting differs. A subtle adjustment helps a before and after feel like a fair pairing instead of two unrelated photos.

    Best for

    • Before and after makeovers
    • Room and furniture transformations
    • Product comparisons
    • Hair, skin, and style changes
    • Budget versus splurge
    • Season-to-season updates

    Design tips

    Shoot both photos from the same spot

    The most convincing comparison uses the same angle, distance, and framing. If the originals do not match perfectly, use the drag and zoom controls to align shared landmarks, such as a window, a doorway, or the horizon line, so the two tiles line up when viewed together. Matching the scale of the subject matters more than matching the exact crop. Small corrections here make the pair far easier to trust.

    Name the change in the title

    A title that states the change gives the pin meaning before anyone looks closely. Include a number or a time frame when you have one, such as how many days, dollars, or steps it took. Short lines let the type stay large on a phone screen, and a specific claim is more believable than a vague one. Numbers, dates, and costs make the change feel real.

    Balance the brightness

    If one photo is much brighter than the other, the eye goes straight to it and the comparison tilts. Use the photo dim control to pull the two closer together. Keep the adjustment small so the real difference between them is still obvious, since the goal is fairness rather than polish. If the lighting differs wildly, a different photo may serve you better.

    Use a calm panel so photos lead

    Since the photos are the proof, keep the panel simple. A deep teal, navy, or charcoal with a white title and one accent highlight works well. A neutral panel makes the colors in both photos look better, which helps the transformation stand out. Save the bright accent for the one phrase you most want noticed. Too many competing colors will pull attention away from the photos themselves.

    Mistakes to avoid

    Photos taken at different angles

    When the two tiles show different viewpoints, viewers cannot tell what actually changed. Re-crop so the same objects sit in the same places, or choose another pair of photos that shows the change more directly. A fair comparison builds trust.

    Unlabeled comparisons

    Without cues, people may not know which photo is first. Put the order in the title, with wording like before and after or old and new, and highlight it so no one has to guess. The left-to-right reading order then does the rest.

    Using the layout for more than two images

    Three or more photos squeezed into this layout shrink the details that make a comparison useful. If the post has several stages, switch to the collage layout, which holds up to six photos around a central title band. Each stage then gets its own tile.

    Side-by-Side layout FAQs

    How do I line up two photos that do not match?

    Click each photo in the preview, then drag and zoom until a shared landmark, such as a window or a doorway, sits in the same spot in both tiles. The corner handles and the slider both control zoom, so use whichever feels easier to control.

    Can I add labels like Before and After?

    Labels live in the title, not on the photos. Put the words in your headline and highlight them with the accent color. The photos read left to right, so the first photo is the before and the second is the after.

    Is this layout only for before and after posts?

    No. Any pair works, such as two product options, a budget and a splurge, or summer and winter versions of the same space. Anywhere the comparison between two images is the message, this layout fits. Keep both photos similar in framing.

    Do I need an account to download the pin?

    No. The tool is free with no sign-up and no watermark. You download the pin as a PNG straight from your browser, and your photos are never uploaded, because everything is processed on your device. There is also no watermark on the file.

    Is this pin maker really free with no watermark?

    Yes. Every layout, size and export is free, with no sign-up and no watermark on the PNG. The only branding on your pin is the site name you type in.

    Are my photos uploaded?

    No. Photos are processed inside your browser tab and never sent to a server. Closing the tab discards them.