Tool Makes Image Text Blurry!

[Dazzal]

Original Image ^^

Hi,

I made this trophy smaller for a member to put in the staff options for the main profile, and the text comes out blurry. I also made it transparent.

I use this tool. www.online-image-editor.com/

Does anyone have a better way of making the top image smaller without the text being blurry?

Thanks!
Dazzal

[Scott]

Dazzal - did you add the text at the reduced image size, or add the text to the larger image then reduce the image with text?

[Dazzal]

Nov 2, 2022 13:29:49 GMT -8 Scott said:

Dazzal - did you add the text at the reduced image size, or add the text to the larger image then reduce the image with text?

Another member on my forum made the large image. She added the text to the large image and I reduced the size.Scott

[Scott]

Basically, when text becomes part of the image, the clarity of text depends on the image size (and resolution). The smaller the image size, the fewer pixels are used to depict the text and this makes the text illegible. Adding the text at the finished size of the image (or as close as possible) is usually best. Try to use an image editor that has text tool options with filters like: sharp, crisp, strong, smooth. You can choose the filter that gives the best results. Generally sharp or crisp in this case.  Or if the image program does not have those text filters, hopefully it has a layer option. Create the text as  separate image (or layer) and a apply a sharpening filter to the text as a converted image.


Here's your reduced image:

Left: Original
Middle: Original with a image sharp filter applied.
Right: Text added at the reduced image size as well as a sharp filter applied.

[Dazzal]

Nov 2, 2022 14:15:08 GMT -8 Scott said:

Basically, when text becomes part of the image, the clarity of text depends on the image size (and resolution). The smaller the image size, the fewer pixels are used to depict the text and this makes the text illegible. Adding the text at the finished size of the image (or as close as possible) is usually best. Try to use an image editor that has text tool options with filters like: sharp, crisp, strong, smooth. You can choose the filter that gives the best results. Generally sharp or crisp in this case.  Or if the image program does not have those text filters, hopefully it has a layer option. Create the text as  separate image (or layer) and a apply a sharpening filter to the text as a converted image.


Here's your reduced image:

Left: Original
Middle: Original with a image sharp filter applied.
Right: Text added at the reduced image size as well as a sharp filter applied.

The directions are great! Thank you Scott