Please upgrade here. These earlier versions are no longer being updated and have security issues.
HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.
Options

ProfilePhotos are distorted

jeongweejeongwee Vanilla version 2.6 ✭✭

anyway to fix it?

image
image

Best Answer

Answers

  • Options
    peregrineperegrine MVP
    edited July 2013

    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.

    I may not provide the completed solution you might desire, but I do try to provide honest suggestions to help you solve your issue.

  • Options
    vrijvlindervrijvlinder Papillon-Sauvage MVP

    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?

  • Options
    jeongweejeongwee Vanilla version 2.6 ✭✭
    edited July 2013

    @vrijvlinder
    i think vanilla reduce the photo from original size to 40px40px.
    so the 40px
    40px 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.

  • Options
    vrijvlindervrijvlinder Papillon-Sauvage MVP

    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;
    }
    
  • Options
    jeongweejeongwee Vanilla version 2.6 ✭✭
    edited July 2013

    @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.

  • Options
    jeongweejeongwee Vanilla version 2.6 ✭✭
    edited July 2013

    edited

  • Options
    jeongweejeongwee Vanilla version 2.6 ✭✭

    @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.
    image

  • Options
    vrijvlindervrijvlinder Papillon-Sauvage MVP

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

  • Options
    jeongweejeongwee Vanilla version 2.6 ✭✭

    @vrijvlinder
    73px*73px png

  • Options
    vrijvlindervrijvlinder Papillon-Sauvage MVP

    ok please try to upload a larger than 250px image

  • Options
    jeongweejeongwee Vanilla version 2.6 ✭✭

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

    40px.jpg 100.4K
  • Options
    jeongweejeongwee Vanilla version 2.6 ✭✭

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

  • Options
    vrijvlindervrijvlinder Papillon-Sauvage MVP

    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 ?

  • Options
    jeongweejeongwee Vanilla version 2.6 ✭✭

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

  • Options
    vrijvlindervrijvlinder Papillon-Sauvage MVP

    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.

  • Options
    jeongweejeongwee Vanilla version 2.6 ✭✭

    @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 .....

  • Options
    vrijvlindervrijvlinder Papillon-Sauvage MVP

    @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 :)

  • Options
    jeongweejeongwee Vanilla version 2.6 ✭✭
    edited July 2013

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

Sign In or Register to comment.