A practical stock-photo stack for e-commerce hero banners

A product page can have a good image and still end up with a weak banner. The crop may cut off the subject, leave no room for a headline, or load slowly on a phone. A useful ecommerce banner stack is less about piling on software than handing the image through a few deliberate stages: source, crop, retouch, optimize and test.

Consider a small homewares shop building a seasonal landing page. It wants a lifestyle hero showing a person using the product, with room for a short heading and a clear route to the product grid. The workflow below treats stock as a starting asset, not a finished design or a guarantee of sales.

1. Brief the image around the layout

Before searching, write down what the banner must do. Note the product or category, the intended mood, the likely headline position and the page’s desktop and mobile layouts. Decide whether the image needs to show a product clearly or establish a broader lifestyle context. Those are different jobs.

Look for a frame that can survive more than one crop. A subject placed hard against an edge may work in a thumbnail but fail when the mobile layout becomes narrow. Negative space can help with text, but avoid choosing a photo just because it has an empty patch: the subject, lighting and color still need to fit the brand.

2. Source an image at the right size

Ripicts offers royalty-free stock photos by photographer Sergey Novikov, with Standard and Premium collections and Standard and Enhanced license options. Individual Standard images are listed at €8 for up to 3 MP or €12 at full resolution. Premium images are €12 for up to 3 MP or €18 at full resolution.

For a single web hero, start by checking the image’s composition and the dimensions your layout needs. Full resolution can give more room for a wide crop or later reuse, but a larger source is not automatically a better banner. If the crop is already tight, extra pixels will not create missing space. Check the license terms that apply to the planned use before production; do not treat the word “royalty-free” as a substitute for reading them.

For recurring work, compare the purchase route with the expected volume. Ripicts image packs start at €40 for two downloads valid within one year. Subscriptions start at €115 per month for 10 downloads per month, with quarterly and annual billing options offering discounts of up to 20%. Those options may suit a steady publishing calendar, but they are not automatically cheaper for a one-off page. Confirm the current plan and license details against the project’s actual needs.

3. Make the crop and retouch decisions

Bring the licensed source into an image-editing tool. Build the desktop crop first, then check a mobile crop separately rather than assuming a responsive layout will preserve the focal point. Keep the original file untouched, and make working copies for edits and exports.

Limit retouching to changes the brief needs: a crop, tonal adjustment or small cleanup may be enough. Avoid altering product details in a way that could mislead shoppers. If substantial work is needed, Ripicts offers custom photography services and retouching. That can be a useful route when the required change depends on the photographer’s visual judgment, though it adds a handoff and review step. For a simple crop, doing the work in-house may be faster. The trade-offs are similar to those in the comparison of in-house and photographer retouching: scope, rights and review time matter.

4. Optimize files after the design is approved

Use image-optimization software after cropping and retouching, not as a substitute for those steps. Export a web-ready version at the dimensions the page actually displays, choose a format supported by the site, and compress it while checking for visible artifacts around edges, hair and text overlays. Keep a high-quality master so you can produce different sizes later without starting from an already compressed file.

There is a trade-off: more compression can reduce file weight, but visible damage makes a premium image look careless. Compare the optimized file with the master at the size visitors will see. Check the page on a phone as well as a desktop, and make sure the crop, text contrast and loading behavior hold up in the real layout.

5. Keep the handoff simple

Save the source image, the project file, final exports and a short rights record together. Note the image source, collection, purchase or plan, license option, intended page and any retouching. This is especially useful when a designer, developer and store manager handle different parts of the launch.

The practical stack is modest: a well-briefed stock search, an editing tool, an optimizer and a documented handoff. Its limits are just as important. Stock may not show a specific product accurately, the best frame may not fit every screen, and file optimization cannot fix a poor composition. Treat the banner as a design decision to test in context, not a shortcut to a conversion result.