PHPackages mohsinqk/focuspoint - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Image & Media](/categories/media) 4. / 5. mohsinqk/focuspoint ActiveTypo3-cms-extension[Image & Media](/categories/media) mohsinqk/focuspoint =================== Focuspoint integrate the focal point method to crop images in the frontend of the web page. Use the jQuery-focuspoint plugin (https://github.com/jonom/jquery-focuspoint example http://jonom.github.io/jquery-focuspoint/demos/helper/index.html) to crop the images. Use the function as wizard in the file list view and directly in the content element. v7.0.7(1y ago)0357GPL-2.0-or-laterPHPPHP ^8.1 Since Jan 7Pushed 1y agoCompare [ Source](https://github.com/MohsinQK/focuspoint)[ Packagist](https://packagist.org/packages/mohsinqk/focuspoint)[ Docs](https://github.com/lochmueller/focuspoint)[ Fund](https://paypal.me/lochmueller)[ GitHub Sponsors](https://github.com/lochmueller)[ RSS](/packages/mohsinqk-focuspoint/feed)WikiDiscussions main Synced today READMEChangelog (3)Dependencies (3)Versions (8)Used By (0) EXT:focuspoint ============== [](#extfocuspoint) [![Latest Stable Version](https://camo.githubusercontent.com/52af28122c38f998480d6f84e53a93ed72bdb9fb1bab905fa6b95da70aee446f/68747470733a2f2f706f7365722e707567782e6f72672f6c6f63686d75656c6c65722f666f637573706f696e742f762f737461626c65)](https://packagist.org/packages/lochmueller/focuspoint)[![Total Downloads](https://camo.githubusercontent.com/d9d07e108e6eb48d1c6f70dedf5df81da4cf2553f1203d112052578a8d68029e/68747470733a2f2f706f7365722e707567782e6f72672f6c6f63686d75656c6c65722f666f637573706f696e742f646f776e6c6f616473)](https://packagist.org/packages/lochmueller/focuspoint)[![License](https://camo.githubusercontent.com/7fe2cb2c398ce0b37cf1cbf6a38ba90d489cb39f45afc89bf93c13334b3be527/68747470733a2f2f706f7365722e707567782e6f72672f6c6f63686d75656c6c65722f666f637573706f696e742f6c6963656e7365)](https://packagist.org/packages/lochmueller/focuspoint)[![TYPO3](https://camo.githubusercontent.com/614ff8ea70de89b6c0ffa951832460b9b407e0c321814a05fe00c02fe6999487/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5459504f332d31302d6f72616e67652e737667)](https://typo3.org/)[![Average time to resolve an issue](https://camo.githubusercontent.com/952f609da550fb7ae2fb791c69f08bf9562475271189458ec05871ed89273a17/687474703a2f2f697369746d61696e7461696e65642e636f6d2f62616467652f7265736f6c7574696f6e2f6c6f63686d75656c6c65722f666f637573706f696e742e737667)](http://isitmaintained.com/project/lochmueller/focuspoint "Average time to resolve an issue")[![Percentage of issues still open](https://camo.githubusercontent.com/251832d22b96ce2f9ae0291e68b3c3d813c4a0d1d80c6d0c4d7fa67eab770fd3/687474703a2f2f697369746d61696e7461696e65642e636f6d2f62616467652f6f70656e2f6c6f63686d75656c6c65722f666f637573706f696e742e737667)](http://isitmaintained.com/project/lochmueller/focuspoint "Percentage of issues still open") Installation ------------ [](#installation) ### Add TypoScript [](#add-typoscript) Include in static template or add TypoScript includes to your extension or template. ``` # Setup must be after "page" TypoScript @import 'EXT:focuspoint/Configuration/TypoScript/setup' ``` ### Fluid template (Example) [](#fluid-template-example) Edit your fluid template. ``` ``` ### Custom CSS [](#custom-css) Maybe you want to add additional css, for fluid example. ``` .focuspoint { position: relative; height: 100%; overflow: hidden; } ``` Sponsors & supporter ------------------------ [](#sponsors--supporter) Thank you for support and sponsoring the extension: - Violetta Digital Craft GmbH, [www.violetta.ch](https://www.violetta.ch) - TYPO3 v10 and v11 support - and [all contributors](https://github.com/lochmueller/focuspoint/graphs/contributors)! [![GitHub Contributors Image](https://camo.githubusercontent.com/2446f66a98bdcdc9893f9434c6ec66bd5ec2d975e14dd73942eb8aa5435f02a9/68747470733a2f2f636f6e747269622e726f636b732f696d6167653f7265706f3d6c6f63686d75656c6c65722f666f637573706f696e74)](https://camo.githubusercontent.com/2446f66a98bdcdc9893f9434c6ec66bd5ec2d975e14dd73942eb8aa5435f02a9/68747470733a2f2f636f6e747269622e726f636b732f696d6167653f7265706f3d6c6f63686d75656c6c65722f666f637573706f696e74) ### Health Score 32 — LowBetter than 69% of packages Maintenance39 Infrequent updates — may be unmaintained Popularity13 Limited adoption so far Community16 Small or concentrated contributor base Maturity52 Maturing project, gaining track record Bus Factor1 Top contributor holds 88.3% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~5 days Total 5 Last Release 522d ago ### Community Maintainers ![](https://avatars.githubusercontent.com/u/1622975?v=4)[Mohsin Khan](/maintainers/MohsinQK)[@MohsinQK](https://github.com/MohsinQK) --- Top Contributors [![lochmueller](https://avatars.githubusercontent.com/u/3907126?v=4)](https://github.com/lochmueller "lochmueller (310 commits)")[![MohsinQK](https://avatars.githubusercontent.com/u/1622975?v=4)](https://github.com/MohsinQK "MohsinQK (13 commits)")[![sirdiego](https://avatars.githubusercontent.com/u/118378?v=4)](https://github.com/sirdiego "sirdiego (6 commits)")[![cundd](https://avatars.githubusercontent.com/u/743122?v=4)](https://github.com/cundd "cundd (4 commits)")[![cweiske](https://avatars.githubusercontent.com/u/59036?v=4)](https://github.com/cweiske "cweiske (4 commits)")[![xerc](https://avatars.githubusercontent.com/u/1372590?v=4)](https://github.com/xerc "xerc (2 commits)")[![bigbozo](https://avatars.githubusercontent.com/u/621152?v=4)](https://github.com/bigbozo "bigbozo (2 commits)")[![BenjaminBeck](https://avatars.githubusercontent.com/u/1185872?v=4)](https://github.com/BenjaminBeck "BenjaminBeck (2 commits)")[![jonnsn](https://avatars.githubusercontent.com/u/575971?v=4)](https://github.com/jonnsn "jonnsn (1 commits)")[![marclindemann](https://avatars.githubusercontent.com/u/2149060?v=4)](https://github.com/marclindemann "marclindemann (1 commits)")[![marionitschke](https://avatars.githubusercontent.com/u/66317219?v=4)](https://github.com/marionitschke "marionitschke (1 commits)")[![etobi](https://avatars.githubusercontent.com/u/152207?v=4)](https://github.com/etobi "etobi (1 commits)")[![sascha-egerer](https://avatars.githubusercontent.com/u/1651414?v=4)](https://github.com/sascha-egerer "sascha-egerer (1 commits)")[![scrutinizer-auto-fixer](https://avatars.githubusercontent.com/u/6253494?v=4)](https://github.com/scrutinizer-auto-fixer "scrutinizer-auto-fixer (1 commits)")[![dkoether](https://avatars.githubusercontent.com/u/7765498?v=4)](https://github.com/dkoether "dkoether (1 commits)")[![Kanti](https://avatars.githubusercontent.com/u/471387?v=4)](https://github.com/Kanti "Kanti (1 commits)") --- Tags TYPO3 CMSfocuspoint ### Code Quality Code StylePHP CS Fixer ### Embed Badge ![Health badge](/badges/mohsinqk-focuspoint/health.svg) ``` [![Health](https://phpackages.com/badges/mohsinqk-focuspoint/health.svg)](https://phpackages.com/packages/mohsinqk-focuspoint) ``` ### Alternatives [netresearch/rte-ckeditor-image Image support in CKEditor for the TYPO3 ecosystem - by Netresearch 611.1M8](/packages/netresearch-rte-ckeditor-image)[plan2net/webp Drop-in WebP, AVIF, and JPEG XL delivery for TYPO3 images — automatic, no URL or template changes 681.5M5](/packages/plan2net-webp)[friendsoftypo3/content-blocks TYPO3 CMS Content Blocks - Content Types API | Define reusable components via YAML 103519.9k53](/packages/friendsoftypo3-content-blocks)[lochmueller/focuspoint Focuspoint integrate the focal point method to crop images in the frontend of the web page. Use the jQuery-focuspoint plugin (https://github.com/jonom/jquery-focuspoint example http://jonom.github.io/jquery-focuspoint/demos/helper/index.html) to crop the images. Use the function as wizard in the file list view and directly in the content element. 24189.3k](/packages/lochmueller-focuspoint)[derhansen/sf_event_mgt Event management and registration - Configurable event management and registration extension based on ExtBase and Fluid 66338.4k10](/packages/derhansen-sf-event-mgt)[brotkrueml/schema Embedding schema.org vocabulary - API and view helpers for schema.org markup 34653.7k16](/packages/brotkrueml-schema) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)