Avatar is blurry

[carystein]

Via the 'style.css' i've changed the avatar to 128px and all the Gravatar Avatars are now blurry.

Has anyone got a fix for this?

Cheers

[smart]

You could edit /components/com_jcomments/jcomments.php and replace:

Code: (php)

$comment->avatar = '<img src="http://www.gravatar.com/avatar.php?gravatar_id='. $comment->gravatar .'&amp;default=' . urlencode(JCommentsFactory::getLink('noavatar')) . '" alt="" />';

with

Code: (php)

$comment->avatar = '<img src="http://www.gravatar.com/avatar.php?gravatar_id='. $comment->gravatar .'&amp;size=128&amp;default=' . urlencode(JCommentsFactory::getLink('noavatar')) . '" alt="'.htmlspecialchars($comment->author).'" />';

But as written on Gravatar site: "You may request images anywhere from 1px up to 512px, however note that many users have lower resolution images, so requesting larger sizes may result in pixelation/low-quality images."

[carystein]

Hmm....I tried your solution but it didn't seem to do anything.  I wiped out the cach and tried multip PCs/browsers and found no change.

Any other ideas?

[smart]

In my solution I've added '&amp;size=128' to link to gravatar (as described in documentation - http://gravatar.com/site/implement/images/#size) and it must work.

[carystein]

As far as I can tell I've done exactly what you are sugesting.
I've modified 2 files.  See below:


In the file - jcomments.php I added the size=128 attribute.

if (empty($comment->avatar)) {
         $comment->avatar = '<img src="http://www.gravatar.com/avatar.php?gravatar_id='. $comment->gravatar .'&amp;size=128;&amp;default=' . urlencode(JCommentsFactory::getLink('noavatar')) . '" alt="" />';




In the file - style.css I modified the width attribute

/* Avatar */
#comments .comment-avatar img {width: 128px;border: none !important;}



With the modified CSS I get a larger avatar/gravatar, but it's blurry.


Am I doing something wrong?
Thanks so much for your help.