The 2026 Drupal Business Survey is open. Your response will help shape the future of the Drupal business ecosystem.This project is not covered by Drupal’s security advisory policy.
This module converts Drupal's focal point coordinates into CSS object-position property values. When an image uses focal point, instead of generating cropped versions of the image, it applies the focal point position using CSS.
Features
- Converts focal point coordinates to CSS object-position values
- Works with both standard image and responsive image formatters
- Uses CSS instead of generating cropped images
Post-Installation
No configuration is required. The module will automatically:
- Get the focal point coordinates from images that have focal points set
- Convert these coordinates to CSS object-position percentage values
- Apply these values to the image's style attribute
Additional Requirements
- Focal Point module: Required for setting and managing focal points
Recommended modules/libraries
None. This module simply converts focal point coordinates to CSS.
Similar projects
The standard Focal Point module generates actual cropped images. This module differs by using CSS object-position instead of creating new image files.
What makes Focal Point CSS different:
- Uses CSS instead of generating multiple image files
- Zero configuration needed
- No additional server-side processing
- Better performance and lower storage requirements
Supporting this Module
This module is maintained by the community. If you find it useful, please:
- Submit issues and feature requests on Drupal.org
- Contribute code or documentation
- Help others in the issue queue
Supporting organizations:
Project information
- Project categories: Media
- Ecosystem: Focal Point
- Created by jonzhang on , updated
This project is not covered by the security advisory policy.
Use at your own risk! It may have publicly disclosed vulnerabilities.
