Fuzzy images on Vocabulary List

Question

Does anyone know why, when I try to post an image to represent a new Vocabulary List, some images appear extremely fuzzy / blurry, while other images retain their original clarity'

Answer 1

Thanks Samdie, you are right.

For the List Photo, the maximum render dimensions seem to be width=54 pixels, but with no restriction on height.
But the maximum storage dimensions seem to be width=54 pixels, height=54 pixels (retaining original image ratio).

The upshot is, if you upload a tall, thin photo, the website will display it badly. For optimum photo clarity, create your image as a 54x54 pixel square.

Answer 2

If the problem is not picture size as Samdie addresses it may be due to image file type (format). If you are submitting iimage format types that aren't supported they may have been converted to an acceptable format before displaying. Conversions are usually accompanied by loss of quality or resizing.
I just went to the List creation section to see if all the common image formats (BMP, TIF, JPG, PNG, GIF, etc.) are accepted. I didn't see anything telling you what formats are acceptable, so either it accepts most common formats or there is some conversion going on.

Answer 3

I haven't tried this particular function but generally speaking (about image rendering): The size of the image (in bytes) doesn't matter but the dimensions (in pixels) does. There are, basically two possibilities: 1) the image is saved as you provide it but when viewed in a (someones) browser it resized or 2) the image is resized before being stored on the host. In either case, the process of resizing can result in distortions. Ideally, you should provide an image with the same dimensions as those of the image that will ultimately be displayed. Failing that, provide an image the dimensions of which are some simple multiple of the ultimate image (I.e. two [three] times as high and wide).

Answer 4

Hmm...I've just created a new smaller image (50 x 114 pixels, only 3KB file size) and uploaded this. But it still turns out fuzzy. I've tried various images, but I seem to get the same problem.

It's not a big deal, but I just thought I would ask in case I'm doing something wrong. Thanks.

Answer 5

I click on the Vocabulary tab, then Create New List green button.
Sorry, the image I'm talking about is the image you upload via the "List Photo" field / Browse button.

Answer 6

I have checked your list. You mean the picture. it is probably too big.

Answer 7

What did you do to create that list? with Images'