Beschreibung

WP SmartCrop allows you to set the ‚focal point‘ of any image, right from the media library, then crops your images to match your css rules (no more squished aspect ratios), keeping that focal point, not only in view, but as near as possible to a ‚rule of thirds‘ position in the image. The results are powerful, composed photos at any screen size, with any constraints.

Learn More at: https://www.wpsmartcrop.com/

Visually select your images‘ focal points with an intuitive click-based interface
Quickly enable or disable smart-cropping on a per-image basis.
Easily target only the images you want to style, with the img.wpsmartcrop-image selector
Automatic image preloader, so your users never see partially loaded images again
Semantic HTML5/CSS3 for modern browsers, with automatic fallback to non-semantic HTML4/CSS2 for older browsers.
Lightweight and fast processing of images, even inside post content
Fully compatible with common caching and optimization plugins and solutions, such as W3 Total Cache, Wordfence, WPEngine’s EverCache, Better WordPress Minify, and Google’s PageSpeed Module.
Lets you take full advantage of the new responsive srcset features added in WordPress 4.4, to make the most of your images.
NEU! Dank der Legacy-Unterstützung für vorhandene zugeschnittene Bildgrößen kannst du sofort Verbesserungen sehen, ohne dein CSS zu ändern!

Kompatibilität

WP SmartCrop wurde in den folgenden Browsern vollständig getestet:

Safari
Chrome
Firefox
Microsoft Edge

This is by no means an exhaustive list of supported devices; it just represents our primary target platforms.

Webseite

https://www.wpsmartcrop.com/

Please Rate/Review and Enjoy

Your Ratings and Reviews help us to direct our development, and help other users know what to expect.

Screenshots

An example of featured image styling done with WP SmartCrop
The additions to the Media Library interface.
Bild-Fokus-Punkt setzen.

Installation

Du kannst die eingebaute Installation und Aktualisierung verwenden oder das Plugin manuell installieren.

Vom WordPress dashboard

Besuche „Plugins > Neu hinzufügen“
Suche nach „WP SmartCrop“
Aktiviere WP SmartCrop auf der Plugins-Seite.

Von WordPress.org

WP SmartCrop herunterladen.
Upload the ‚wp-smartcrop‘ directory to your ‚/wp-content/plugins/‘ directory, using your favorite method (ftp, sftp, scp, etc…)
Aktiviere WP SmartCrop auf der Plugins-Seite.

Einmal aktiviert

Bilder zur Medienbibliothek hochladen
Select an image in the library, so that image details appear on the right
Check the Enable Smart Cropping checkbox.
click edit focal point to choose the location of your images focal point
Click the focal point of the image in the modal that appears. This should be the central subject, and the area of the image that we want in view at all times. For a portrait, I recommend clicking an eye, or other powerful feature. You can change the focus at any time, simply by clicking on a new part of the image.
Klicke auf anwenden, um deine Änderungen zu speichern
Füge das Bild in eine Seite oder einen Beitrag ein
Style your images with CSS, using the img.wpsmartcrop-image selector

FAQ

Q. I installed the plugin, and nothing changed. What gives?

A. WP SmartCrop is designed to simplify the process for styling your responsive images, but you need to add some styles for it to use. Try adding this snippet to your theme’s style.css file, as a test:

img.wpsmartcrop-image {
    display: block;
    width: 100%;
    height: 200px;
}

Once you’ve verified that the plugin is working, go wild! Some example css for inspiration can be found at https://www.wpsmartcrop.com/demos

Q. Why can’t you choose the focal points for me?

A. We’re currently working on a „pro“ version that will do exactly that. If you’re interested in the feature, let us know as a feature request. It always helps to see people interested in further developments.

Q. Can I integrate WP Smart Crop in my theme?

A. We love to see theme integrations, but reach out to us first, at support@bytes.co. We maintain a separate, paid branch for theme developers that has some necessary changes and integrations incorporated, and there are some caveats that should be followed to make sure your theme is fully compatible with our future roadmap. Otherwise, feel free to list it as a suggested plugin with your theme.

F. Dein Plugin ist schlecht und du solltest dich schlecht fühlen!

A. That’s not really a question, but at least our moms like us. Feel free to send your ‚constructive criticism‘ to support@bytes.co, or leave us a review/rating.

Rezensionen

thall11 8. November 2022 3 Antworten

I had to alter the plugin code slightly to allow it to work with custom sizes as well. It would also be nice if the smart crop dimensions weren't removed upon plugin deactivation, also, if the smart cropping functionality was behind a user role privilege check.

Morten Ellegaard Larsen 18. Juni 2022

This function should be a core functionality! So when I found this little gem I was so happy.

dragon013 14. Juni 2019

The plugins worked quite well, but not in IE 11. There it broke the site. Sadly I got no help with that from the developer. So I stopped using it. Another downside (but probably not solvable by a plugin): the preview of links on facebook and twitter is still the non edited one.

Dadarocks 22. März 2019

Dont you hate it when you upload a picture to the featured image and its cropped completely wrong - like the focus of the picture isnt even the frame - THIS SOLVES that problem! Great plugin!

elronb 9. März 2019

Thank you for taking the time to create this awesome plugin for us.

leymannx 28. Februar 2019 1 Antwort

Seems really promising but I didn't got it working in WP 5.1.0. Neither WP Smart Crop v 2.0 (UI works, but output unchanged) nor 1.5. (UI doesn't work anymore, can't select focal point).

Alle 9 Rezensionen lesen

Mitwirkende & Entwickler

„WP SmartCrop“ ist Open-Source-Software. Folgende Menschen haben an diesem Plugin mitgewirkt:

Übersetze „WP SmartCrop“ in deine Sprache.

Interessiert an der Entwicklung?

Durchstöbere den Code, sieh dir das SVN Repository an oder abonniere das Entwicklungsprotokoll per RSS.

Änderungsprotokoll

2.0.9

Fix attribute parsing issue

2.0.8

Add support for generic img tags with the default url format

2.0.7

Add support for figure markup

2.0.6

Test against WordPress 5.6.0
Fix a PHP Notice generated by admin settings UI (PR #12, props to @basvandenwijngaard)

2.0.5

Fix potential security concern

2.0.4

Admin-E-Mail-Adresse aktualisieren

2.0.3

Remove mutation observer for IE11

2.0.2

Fix admin url

2.0.1

Fix custom image size issue

2.0.0

completely rework media library interface for ease of use and compatibility
add support for relative position mode
incorporate mutation observer for live ajax updates
fix support for setting focal point in JS

1.5.0

fix compatibility with modals in the media library’s grid view

1.4.7

fix misplaced parenthesis on count causing warnings on php 7

1.4.6

version bump in attempt to fix wordpress.org listing bug

1.4.5

Fix for list view

1.4.4

center smartcrop focus by default.
fix conflict with jQuery 3.0+
remove unnecessary IOS compatibility mode

1.4.3

fix settings link on plugins page

1.4.2

switch to minified js

1.4.1

add unnecessary $(window).load event, to solve intermittent issues in Edge Browser

1.4.0

abstract wp-smartcrop into a jquery plugin
repair list view in media library

1.3.2

Fix focal point selection at large resolutions

1.3.1

Fix issue with edge cases and focal positions of with 0 as a coordinate

1.3.0

Provide better support for iOS devices
additional css tweaks for better universality

1.2.0

Add initial steps towards add-on friendliness
Add extensible settings page

1.1.0

Recrop existing cropped thumbnail sizes to match focal point

1.0.0

Erste Version