Cropping a Workshop Banner Photo: A First-Time Editor’s Workflow

A banner for a local workshop has only a short time to convey the feel of the work and give visitors a reason to act. Rather than cropping a photo as wide as possible, first decide what it should show and where the text will go. That simple planning can reduce revisions, even if you are editing a banner for the first time. The steps below can be used when editing a photo banner in TalkTalkMySite.

1. Decide the banner’s purpose and text area

Choose one action the banner should communicate. For a pottery workshop, for example, you might use “Book a Saturday wheel-throwing session.” If the copy will sit on the left, look for a photo with a relatively uncluttered left side and room to place the main subject, such as a finished piece or a pair of working hands, on the other side.

• Write the banner’s purpose in one sentence.
• Check where the headline and button will appear in the editor.
• Start with candidate photos in which the text will not cover the subject.

**Hypothetical example:** If the goal is “Apply for a Saturday pottery session,” consider a photo with a bowl on a pottery wheel to the right and a tidy background on the left. This is an illustrative scenario, not a claim about a real workshop or its results.

2. Choose the original photo first

A photo for a horizontal banner should retain its important scene after cropping. When selecting an image, consider not only where the subject sits, but also whether hands or tools are too close to the edge and whether busy background details could make text hard to read. Check the original image’s orientation and resolution, and compare other options if the image would need substantial enlargement to fit.

TalkTalkMySite supports searching licensed stock images and videos. If your goal is to show the workshop’s actual work, take care not to let a stock image be mistaken for a real view of your space or process. Check the available license terms for the image and its intended use.

• Decide whether the main subject is the work, a tool, or someone’s hands.
• Check that the subject will have some breathing room after cropping.
• Make sure the impression created by a stock image matches what you want to communicate about the actual workshop.

3. Crop to the horizontal frame

Place the photo in the banner and open the crop editor. A wide frame may cut off the top and bottom, so check the edges rather than aligning only the center of the subject. Cropping a face, hand, tool tip, or the shape of a finished piece can change what the photo communicates. Leave room for the copy, then reposition the subject to balance the composition.

Instead of trying to get the crop perfect in one move, adjust it in this order:

• First, position the image so the full subject remains visible.
• With the text area kept clear, adjust the zoom gradually.
• Check the edges for cut-off hands or tools.
• If the background is busy, adjust the zoom or position to reduce interference with the text.

Check the editor’s save state so that you do not overwrite the original while cropping. The editing controls and save behavior you see can vary depending on the editor screen in use.

4. Review the photo together with the headline and button

A photo that looks fine on its own may become harder to read once text is added. Instead of a vague headline such as “A warm day at our workshop,” use one that states the purpose, such as “Book a weekend pottery session.” A button label like “View session schedule” also sets a clearer expectation than “Learn more.”

• Place the headline and button in their actual banner positions.
• Check that busy patterns are not showing behind the text.
• If the text overlaps the subject, adjust the copy position or crop again.
• If you have multiple banners, check that each image and message has a distinct role.

The first-screen slider in TalkTalkMySite supports up to five images. Before adding more slides, decide what each one should communicate and check that visitors will not miss important information when it is divided among them.

5. Check desktop and mobile views

Do not assume the published result will match the editor preview exactly. Check the actual published page on both desktop and mobile. When the screen gets narrower, a headline may wrap or more of the subject may be hidden. In particular, make sure the maker’s hands, tool tips, and finished pieces used in the activity can still be seen on a mobile screen.

• On desktop, check that the text and subject appear separate and clear.
• On mobile, make sure the headline, button, and main scene are visible and readable.
• If the slider has multiple images, check the crop and text on each slide after it changes.
• If you edit after publishing, reopen the live page to verify the changes.

6. Final checks before publishing, then take one next step

Before publishing, check the copy, button destination, photo crop, and mobile display. If the banner describes a booking method that the workshop does not actually use, it can confuse visitors even if the image looks right. Test every slide and button yourself to verify its destination and display.

• Does the headline match the workshop’s actual activity or information?
• Does the button lead to the intended next step?
• Does the main subject remain uncropped on every screen size?
• Have you checked the image’s usage terms and source?

TalkTalkMySite’s AI chat and visual editing can help refine banner copy or layout, but AI is not guaranteed to be accurate or error-free. Review suggestions yourself and make any needed changes on the final published page. As your next action, choose one candidate photo, add the headline and button, and check in the mobile preview that both the subject and copy can be seen together.