ProfilePhotos are distorted

jeongwee

anyway to fix it?

vrijvlinder

Are you referring to thumbnails of images people will upload ? Not the User Photo?

Or you want to make the User Photo in the comments larger ? Try putting this line in the config.php then changing the css parts as needed.

$Configuration['Garden']['Thumbnail']['Size']= 73;

peregrine

you make modifications in custom.css

not sure what you mean be distorted.

you could modify the ProfilePhotoMedium or one of the other tags tag and change width to auto.

you've been pretty good at locating elements. just apply the changes you want to the custom.css in your "new theme".

But I bet V will walk you through every single css change you want to make, because she has patience and know how.

vrijvlinder

I think the problem is that the image is small and it is being enlarged and that distorts the image. Have you tried with a larger image?

jeongwee

@vrijvlinder
i think vanilla reduce the photo from original size to 40px40px.
so the 40px40px will be the one we seeing at content&comments or somewhere.
so if we use the css to resize it ,its getting distorted.am i right?
now the problem shud be how could i change the Thumbnail size.
any ppl can help me.

vrijvlinder

Yes 40 by 40 is the medium size used for the comments and discussion. The large is used in the user profile but these sizes are controlled with css.

Only one size is uploaded and then made smaller for the comments using css. Make sure your image is large enough.

.ProfilePhotoLarge {
    width: 250px;
}

.ProfilePhotoMedium {
    height: 40px;
    width: 40px;
}

jeongwee

@vrijvlinder it changed the photo size at Panel and profile which i didnt want to change them....
wat i want do is change the Thumbnail size to 73px * 73px.so i can getting none distorted photos at content and comments.

vrijvlinder

Are you referring to thumbnails of images people will upload ? Not the User Photo?

Or you want to make the User Photo in the comments larger ? Try putting this line in the config.php then changing the css parts as needed.

$Configuration['Garden']['Thumbnail']['Size']= 73;

jeongwee

edited

jeongwee

@vrijvlinder
see the picture
its getting larger, but on the content its still a distorted icon. so that means it still based on the 40px *40px Thumbnail ...it doesnt change.

vrijvlinder

what is the size of the original image? what type of image is it , a png jpg or gif ?

jeongwee

@vrijvlinder
73px*73px png

vrijvlinder

ok please try to upload a larger than 250px image

jeongwee

@vrijvlinder
see chrome shows it still 40px*40px

jeongwee

@vrijvlinder
zzz.....so if i upload a picture which size between 7373 to 250250 it still getting distorted??

vrijvlinder

Yes that is not supposed to happen if the image is larger than 250px.

The images for the user are uploaded in one size. Max width they are made into is 250px by 1000px , If the image is smaller than 250px wide or of bad quality it will get distorted when made bigger... by the css .

Image quality is defined by the quality of the original image. It does not go through any process that would distort it unless it is an animated image possibly.

Have you seen the same issue with Safari or firefox ?

have you tried uploading larger images ?

jeongwee

@vrijvlinder @peregrine feel cant change it with css , its about php.

vrijvlinder

why do you think so? php does not imply any sizes it goes with the $Configuration of max size etc. which is set. So people can easily change it without hacking the core. And so css can be applied to it.

Look in your uploads folder and find user photos and look at them , you will see there are no thumbnails in there the images are uploaded as is and then made smaller using css alone.

jeongwee

@vrijvlinder i know wat i did wrong now...... after i add the $Configuration['Garden']['Thumbnail']['Size']= 73; to config.php. i nid to remove my photo and reupload ...=_=
As always, thank you .....

vrijvlinder

@peregrine said: But I bet V will walk you through every single css change you want to make, because she has patience and know how.

It is easy when people capable of learning, like jeongwee, need help. It is a pleasure even

jeongwee

@vrijvlinder still testing my site at local(plugin theme), maybe there will be more questions inc
first time making a site ,really had fun.