BuddyPress.org

Within the profile when logged in the user can select and add their own cover image. This will allow all users to have their own unique cover images.

You might want to make sure your images are not too big and the correct proportions otherwise they will be cropped. Depending on your theme this size might vary but a good starting point would be 1350px wide and 350px tall or for full screen width 1920px x 640px.

Hi,

I’m not sure how soon the BP Team can address this anomaly. I’m not sure what you meant by “crashes“, so perhaps further conversation regarding this term is warranted as in; what is your definition of “crashes“?.

That said, what I am able to ascertain is that with “Modern Image Formats (v 2.5.0)” installed and activated, any attempt to upload a profile image (avatar) results in a user defined error message of:

There was a problem cropping your profile photo.

Additionally, depending on which PHP version is installed, e.g. v8+, additional observations are:

• PHP errors may be observed (v8.0.30)
• Cropping bounding box may be missing with the crop window limited to the upper left quandrant (v8.0.30 & v8.1.31)

All I can say, at the moment, is that this anomaly is under investigation and may require more information from you.

You could take a look at this free plugin we’re developing: FansPaysite MicroPayments https://wordpress.org/plugins/paid-membership/ .

Flexible Monetization: Offer creator subscriptions, pay-per-view content, and memberships tailored to various creator needs.

Direct Content Sales: Creators can directly sell access to posts, videos, downloads, live video streams, enhancing revenue opportunities.

Versatile Payment Integration: Supports all major gateways with WooCommerce, including PayPal, Stripe, CCBill for broad accessibility.

Reduced Transaction Fees: Streamline finances with microtransactions that cut down on costs.

Dynamic Wallet System: Enables secure, in-site transactions with internal credits and support for other popular wallets like TeraWallet and MyCred.

Enhanced User Engagement: Features like crowdfunding and donations add interactive elements to content monetization.

Comprehensive Admin Control: Manage access, monitor transactions, and customize content offerings with ease.

BuddyPress Integration: Enhances community features, allowing for real-time updates and user interactions within the platform.

@whyknott I would have posted this sooner, but I was looking into the relationship between the BP_AVATAR_ORIGINAL_MAX_WIDTH CONSTANT and cropping preview area, which requires a deeper dig into this process. Neither here nor there, as previously mentioned, I don’t recognize any of the filters that end in ‘_resize_args’ and AFAIK, there are technically 2 (two) but the one I used has the hook name of:

bp_after_attachment_avatar_edit_image_parse_args

To elaborate further, there is a bp_before_..._parse_args and a bp_after_..._parse_args, FWIW. Moving along, your custom_bp_avatar_quality callback function should work with this hook, IOW use the following to set the resize quality for Avatar:

add_filter( 'bp_after_attachment_avatar_edit_image_parse_args', 'custom_bp_avatar_quality' );

This should remove any questions or concerns about the jpg/jpeg compression level, i.e., “quality”. assuming that a value of 100 is used for resize and crop. If the Avatar is still “horribly blurry” or utilizing your new term “lousy” then the issue resides elsewhere, e.g., scaling/zooming the Avatar to something greater than 100%. Since I don’t know your scenario/situation, I’ll stop at this point.

@whyknott @thinlizzie avatar and cover images are not included as media attachments; the thumbnail generator plugins will not affect them. Avatar and cover image cropping are done when uploaded; any custom script will work only for new uploads.

Currently, there isn’t any updated documentation regarding Avatar’s. There is some outdated info/documentation which is missing some information and is inaccurate with other information. A goal of the BuddyPress Team (BP) is to make documentation available that is current and accurate. That stated this will be on my TODO list to release documentation regarding Avatars, although what I’m covering here would be considered a “developer” handbook chapter.

In the meantime, there are a number of CONSTANTS that define the size (Width x Height) of various aspects of an Avatar, some of which you already know. There are other parameters that specify the “quality” during a resize and/or cropping process and these processes utilize WordPress to accomplish these tasks.

For example the CONSTANT – BP_AVATAR_ORIGINAL_MAX_WIDTH – default set to 450 – triggers a resize of an uploaded image that exceeds the size defined by this CONSTANT at a “quality” level of 90 (default). In your case, the 610 x 610 image is resized to 450 x 450 at a “quality” level of 90. Assuming defaults for thumb (50) and full (150) the image (450 x 450 @ 90) is cropped based on the cropping boundary box to the sizes for thumb and full at a “quality” level of 82 (default). In this example, your 610 x 610 image has undergone 2 processes that has reduced the “quality” twice.

To mitigate the degradation process, you could set BP_AVATAR_ORIGINAL_MAX_WIDTH equal to or greater than 610. The point being this would be the max width size before triggering a resize. This now leaves the cropping process at a “quality” level of 82, of which, you could mitigate by setting the JPEG “quality” level to something greater than 82 (max would be 100), assuming that you are uploading a jpg/jpeg image. This is defined at the following URL:

jpeg_quality

I’ll assume you know how to create a filter with a callback to return the desired “quality” level. Whether what I’ve outlined will satisfy your requirements for not being “horribly blurry” is yet to be determined because there may be another reason for “horribly blurry” and this just represents another “process of elimination” step/stage.

Hi @whyknott,

I’m a bit confused because I’m not sure what you mean by:

I need to change the quality of the images to 100%

Is this in reference to the JPG compression value? Additionally, I find this confusing, as well:

How do I tell BuddyPress to use the full image size and just scale it down to fit the image size vs. using the thumbnail size

As your code snippet indicates, there are 2 (two) image sizes (full & thumb) for Avatars and the default sizes are 50 x 50 for thumb and 150 x 150 for full, both are in pixels. So, if you wish to change the sizes, then you need to change the numeric values to something other than the default values. These are the sizes after a crop of the original image.

To help clarify some things, what is the size (width x height) of the original image that you are using to upload as an Avatar? Let’s start here and see if we can find a solution to your “quality” issue.

Same issue cropped up for me three years ago …
I chose to simply hide the RSS feed button…

Add CSS to Customiser …

.feed { display: none !important; }

Hi Mathieu, tried it, no change unfortunately. This looks like the wrong item for the topic anyway, as the file /bbpress/includes/extend/buddypress/members.php doesn’t have any pagination code at all. Consequently a bug for some unknown length of time.
Might the issue be better posted at the bbPress site?
Another issue cropped up with the display of recent posts in a member’s group activity tab. A bbPress (not a BP group) private topic was created and was correctly showing in the group activity posts. The title and body of the content were later edited, and although the content of the post in the group activity tab didn’t change to reflect the edit, (even when the page cache was purged), the topic title did match the last edit.
Thanks.

Hi all,

I found a quick fix in the Settings > Media.

Admin – is this something that can be looked into?

When unclicked (Crop image function not working)
When clicked (Crop image function working)

Hi @imath,
I don’t know if one of the below might be related to what @vapvarun posted, but in my early testing of 12.0.0-beta1 (with latest WP and using Blocksy theme and Nouveau) there are a few things cropping up; firstly I don’t seem able to customise the css by duplicating Nouveau’s css in my Blocksy child theme folder, either inside a buddypress folder or just in the child theme folder, and can only achieve changes in my child theme’s style.css (I suspect this is unrelated to the new Buddypress but I haven’t yet tried it with Legacy); secondly, it doesn’t seem possible to add a main menu link to the currently logged in user that is visible at all times – I have created a custom link but it only appears in the menu when viewing the various sections (i.e. Profile, Activity etc); thirdly, I was struggling to add a sidebar to any of the BP pages, even though my default Blocksy setting is for each page to have one, and discovered that (in Blocksy at least) in Customizer it is counting BP pages as Blog Posts, whereas intuitively I would have thought this should be set in the BP specific sections, and without extensive css work means that Blog Pages and BP pages will always have to be the same. Are you considering adding/improving what can be done in the Customizer at some point? I have found I have to make an awful lot of CSS edits anyway to get BP to match my colour scheme and preferences in previous versions of BP and it would be a huge boon if at least some of this can be achieved with the Customizer settings (or a settings page in the plugin). BP has never followed my theme defaults, but I don’t know if that is because of the theme (and the two standard BP templates) I use or if it is like this for everyone.

I can’t change the avatar image. Whenever I go to put an image, it tells me to cut it and after that the following message appears: “There was a problem when cropping your profile picture.” I already removed all the plugins and the theme leaving only the buddypress plugin and still the same error appears. Any solution for the problem?