Images from Bynder
Every image on this page loads from dam.activebrands.com. Nothing is stored in the repo or on Vercel.
Bynder resizes, crops, recolours and re-encodes each file when it is requested, then caches it on its CDN.
Click any image to open it in the lightbox.
https://dam.activebrands.com/transform/<asset-id>/<name>?io=transform:scale,width:800&io=filter:grayscale&format=webp
1. Sizes: ask only for the pixels you need
The same photo at five widths, all as WebP. The file size under each picture is measured live in your browser. The last one is the full original.
-
160px widemeasuring…
-
320px widemeasuring…
-
640px widemeasuring…
-
1000px widemeasuring…
-
2000px widemeasuring…
Format and quality
800px wide, different encodings.
-
JPG, defaultmeasuring…
-
JPG, quality 50measuring…
-
WebPmeasuring…
-
AVIFmeasuring…
2. Colour: black and white on demand
One colour file in Bynder. The black-and-white and sepia versions are produced by Bynder with &io=filter:grayscale, so nothing extra is uploaded or stored.
-
Original colour
-
Black and white
-
Sepia
3. Shapes and crops
Rectangular crops are done by Bynder (transform:fill,width,height), so a 3:1 banner downloads as a 3:1 file, not a full photo cropped by CSS. Non-rectangular shapes are CSS applied on top.
Cropped by Bynder
-
1:1 squaremeasuring…
-
4:5 portraitmeasuring…
-
16:9 widemeasuring…
-
3:1 bannermeasuring…
Shaped with CSS
-
Circle
-
Rounded
-
Hexagon
-
Diagonal
4. Focus points: keep the subject in frame
When a wide photo is cropped to a banner or a tall slot, the default crop is the centre, which often cuts off the faces.
Bynder can crop around a point you choose with &focuspoint=x,y (each value from 0 to 1, from the top left),
or around one of nine anchors with ,gravity:top. The point is part of the URL, so each placement on the site can use its own.
If a URL has neither, Bynder picks its own default crop, shown in the first column. A focus point saved on the asset in Bynder did not change that default when tested, so the site has to pass the point itself.
The photo and the points used
- Focus on the left skier (0.49, 0.20)
- Focus on the right skier (0.62, 0.12)
- Focus on the hands and device (0.52, 0.52)
Same photo, four slot shapes, five focus choices
Anchors and a portrait photo
A tall portrait cropped to 16:9. The centre crop shows the jacket. An anchor or a focus point brings the head into the frame.
-
gravity:top
-
gravity:center
-
gravity:bottom
-
Focus on the helmet (0.54, 0.28)
5. Gallery
Responsive srcset with AVIF, WebP and JPG. The browser chooses the width. Open the lightbox and use the arrows, the keyboard or swipe to go through all images on this page.
-
Ascender SAR
-
Ascender SAR Helmet (PNG)
-
Freeride, Andreas Bakke
-
Freeride, Jackson
-
Ascender, product shot
-
Ascender, product shot 2
-
Trooper, product shot
-
Falconer 2Vi, packaging
-
Falconer 2Vi, packaging 2
6. Eligible images without a public link
These look right for the site, but Bynder does not serve them through the public CDN link, so they would show as broken images. Use the button to open the asset in Bynder, where it can be fixed. The status was checked against the live CDN when this page was built.
-
No public link (404)
Ascender Sar
Open in Bynder ↗ -
Public status unconfirmed
Boondock, post-launch FW26 3
Open in Bynder ↗ -
Public status unconfirmed
Boondock, story FW26 1
Open in Bynder ↗ -
Public status unconfirmed
Boondock, post-launch FW26 1
Open in Bynder ↗