1. dlh
  2. Features Request
  3. Wednesday, June 17 2020, 01:32 PM
Hi there,
When I change my cover picture on the social network plugin, it appears blurry on my profile.
However, when I find the link of the same picture I uploaded on my server, it appears normal and clean.
It appears blurry only on my profile page. Is there maybe a solution to compress less the image?
Thanks in advance for your help,
Best regards,
Yann Arnould
admin Accepted Answer
Admin
Hi,
please try this solution:
- Open file at /plugins/jsn/socialnetwork/app/View/Users/ajax_cover.ctp
- Change at line 7 the code with this to increase the image cover size
minSize: [ 1500, 410 ],
  1. more than a month ago
  2. Features Request
  3. # 1
dlh Accepted Answer
Hi,
I tried this but the cover picture seems always blurry.
May you have another idea please?
Thanks,
Yann
  1. more than a month ago
  2. Features Request
  3. # 2
admin Accepted Answer
Admin
mmmh,
try to change sizes in file /plugins/jsn/socialnetwork/app/Config/bootstrap.php
at line 199 replace the code with this
define('PHOTO_WIDTH', 2000);
define('PHOTO_HEIGHT', 800);
define('PHOTO_THUMB_WIDTH', 200);
define('PHOTO_THUMB_HEIGHT', 150);
define('GROUP_AVATAR_WIDTH', 200);
define('GROUP_AVATAR_HEIGHT', 300);
define('AVATAR_WIDTH', 170);
define('AVATAR_HEIGHT', 170);
define('AVATAR_THUMB_WIDTH', 45);
define('AVATAR_THUMB_HEIGHT', 45);
define('COVER_WIDTH', 2000);
define('COVER_HEIGHT', 600);
define('IMAGE_WIDTH', 482);
define('IMAGE_HEIGHT', 320);
define('PHOTO_QUALITY', 100);
  1. more than a month ago
  2. Features Request
  3. # 3
dlh Accepted Answer
mmmh,
try to change sizes in file /plugins/jsn/socialnetwork/app/Config/bootstrap.php
at line 199 replace the code with this
define('PHOTO_WIDTH', 2000);
define('PHOTO_HEIGHT', 800);
define('PHOTO_THUMB_WIDTH', 200);
define('PHOTO_THUMB_HEIGHT', 150);
define('GROUP_AVATAR_WIDTH', 200);
define('GROUP_AVATAR_HEIGHT', 300);
define('AVATAR_WIDTH', 170);
define('AVATAR_HEIGHT', 170);
define('AVATAR_THUMB_WIDTH', 45);
define('AVATAR_THUMB_HEIGHT', 45);
define('COVER_WIDTH', 2000);
define('COVER_HEIGHT', 600);
define('IMAGE_WIDTH', 482);
define('IMAGE_HEIGHT', 320);
define('PHOTO_QUALITY', 100);


Hi,
I tried this but the image has always a size of 800*429px... Very strange.
Do you have maybe another idea? ?
Thanks in advance for your help,
Kind regards,
Yann
  1. more than a month ago
  2. Features Request
  3. # 4
dlh Accepted Answer
mmmh,
try to change sizes in file /plugins/jsn/socialnetwork/app/Config/bootstrap.php
at line 199 replace the code with this
define('PHOTO_WIDTH', 2000);
define('PHOTO_HEIGHT', 800);
define('PHOTO_THUMB_WIDTH', 200);
define('PHOTO_THUMB_HEIGHT', 150);
define('GROUP_AVATAR_WIDTH', 200);
define('GROUP_AVATAR_HEIGHT', 300);
define('AVATAR_WIDTH', 170);
define('AVATAR_HEIGHT', 170);
define('AVATAR_THUMB_WIDTH', 45);
define('AVATAR_THUMB_HEIGHT', 45);
define('COVER_WIDTH', 2000);
define('COVER_HEIGHT', 600);
define('IMAGE_WIDTH', 482);
define('IMAGE_HEIGHT', 320);
define('PHOTO_QUALITY', 100);


Hi,
I tried this but the image has always a size of 800*429px... Very strange.
Do you have maybe another idea? ?
Thanks in advance for your help,
Kind regards,
Yann


That's extremely strange actually; with some images in jpg (usually rectangular ones), the cropping is done in 1167 * 600, or in 1099 * 429, or in other formats of the kind (even if it would be good if the format is always the same ...). However, for others in jpg (usually rather square images) it is done in 800 * 429 or similar formats.
Would there not be a way to define that all the images (regardless of their size) are automatically cropped in the ratio 1400 * 400 and have dimensions 1200 * 400 also (dimensions of correct quality)?
Thanks in advance for your answer and your help,
Kind regards,
Yann
  1. more than a month ago
  2. Features Request
  3. # 5
dlh Accepted Answer
Hey there,
Any update?
  1. more than a month ago
  2. Features Request
  3. # 6
dlh Accepted Answer
Hi there,
I will soon have to put my website online with the new features related to the profile. However, the cover picture system does not seem to be functional enough (as I told you in my previous messages) and I allow myself to recontact you to get your help.
Thanks in advance,
Best regards,
Yann
  1. more than a month ago
  2. Features Request
  3. # 7
admin Accepted Answer
Admin
Hi,
sorry for late reply, we have lost this question. Try to set code like this
define('PHOTO_WIDTH', 2000);
define('PHOTO_HEIGHT', 2000); /* HERE THE ONLY CHANGE */
define('PHOTO_THUMB_WIDTH', 200);
define('PHOTO_THUMB_HEIGHT', 150);
define('GROUP_AVATAR_WIDTH', 200);
define('GROUP_AVATAR_HEIGHT', 300);
define('AVATAR_WIDTH', 170);
define('AVATAR_HEIGHT', 170);
define('AVATAR_THUMB_WIDTH', 45);
define('AVATAR_THUMB_HEIGHT', 45);
define('COVER_WIDTH', 2000);
define('COVER_HEIGHT', 600);
define('IMAGE_WIDTH', 482);
define('IMAGE_HEIGHT', 320);
define('PHOTO_QUALITY', 100);
  1. more than a month ago
  2. Features Request
  3. # 8
dlh Accepted Answer
Hi,
Thanks for your answer. It seems to work!
However, now I have another problem...
When I upload some pictures (like the Capture.PNG), I have the rectangle allowing me to select the dimensions of my cover picture. However, with other photos (like the Capture1.PNG), namely why the marquee selection is way too wide for the full width of the photo and if I can move it around (even if it isn't convenient as the rectangle is too big), I cannot resize it.
Thanks in advance for your help,
Yann
  1. more than a month ago
  2. Features Request
  3. # 9
admin Accepted Answer
Admin
Hi,
please try this solution:
- Open file at /plugins/jsn/socialnetwork/app/View/Users/ajax_cover.ctp
- Change at line 7 the code with this to increase the image cover size
minSize: [ 750, 205 ],
  1. more than a month ago
  2. Features Request
  3. # 10
dlh Accepted Answer
Content Protected
  1. more than a month ago
  2. Features Request
  3. # 11
admin Accepted Answer
Admin
Hi,
try to add following CSS code to your template
.jsn_social #cover{max-width:100% !important;}
  1. more than a month ago
  2. Features Request
  3. # 12
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.