CSS Object Position Generator

Choose image fitting and percentage coordinates for replaced-content positioning without uploading anything.

object-fit

X %

Y %

Runs locally in your browser. Generated CSS is not deployed or tested against your site automatically.

How to use this CSS Object Position Generator

Generate object-fit and object-position CSS with a visual focal-point preview. Enter your values above and the result is calculated directly in your browser. No account is required.

Fast answer, clear inputs

This tool is built around one job: give the answer quickly without forcing a signup or hiding the result. Related tools are linked nearby when the next calculation or conversion is useful.