Want to understand better focal point

[bold iron]

Hey there !

I'm trying to understand how focal point works in Payload's upload collection.

From what I can tell, focal point server-side cropping only works when imageSizes are defined with explicit dimensions, is that correct ?

If I only set resizeOptions: `{ fit: 'cover' }ˋ without any imageSizes, does Payload just store the focalX/focalY coordinates without actually applying any crop ?

My use case: I want to keep original image dimensions (so with height and width undefined), but still let editors set a focal point that gets used when the image is displayed as a banner or card on the frontend.

Is the intended approach to use the stored coordinates with CSS object-position? Or is there a way to have Payload handle the cropping server-side without pre-defining fixed sizes ?

From my recent research it look like I must define some imageSizes // would be easier to proceed with imageSizes.

Thanks

[slender crypt]

New Community-Help Thread Created!

Help is on the way! To mark it as solved, use the /solve command. In the meantime, here are some existing threads that may help you:

Documentation:

• The Payload Config - Config Options
• What is Payload?
• Uploads - Crop and Focal Point Selector

Community-Help:

• Best place for a studio to deploy a growing number of Payload projects?
• Select cropping and focal point for image uploads
• Production Migration Strategy Questions
• mimeType error with xml csv