Mobile app version of vmapp.org
Login or Join
Kevin459

: How do I retain the quality of text in a GIMP png uploaded to Facebook? I used Gimp to create a quote image and I uploaded it to Facebook. I made sure to only use web-safe colors, and

@Kevin459

Posted in: #Fonts #Gimp #Png

I used Gimp to create a quote image and I uploaded it to Facebook. I made sure to only use web-safe colors, and the fonts I'm using are Impact Condensed and Arial. However, the uploaded image drastically loses quality and the fonts aren't sharp/surrounded by a fog/are blurry:

Before uploading:


After uploading:


If you open the images in a new tab, you can see the difference between the two clearly.



I tried enabling/disabling Interlacing (Adam7) and the other export settings, but I haven't been able to make a difference. All help appreciated.

10.03% popularity Vote Up Vote Down


Login to follow query

More posts by @Kevin459

3 Comments

Sorted by latest first Latest Oldest Best

 

@Jamie315

In general, to get the best quality you have to resize art such that no interpolation is needed. E.g., you'll get much better quality dropping it to 50% than to 62%, even though the latter is bigger. The difference comes from the need to work out how to represent surviving fragments of pixels. This is particularly bad with type, which is where good hinting comes in.

10% popularity Vote Up Vote Down


 

@Dunderdale640

Your initial image is smaller than the one you download from FB. So, it has been rescaled by FB and there is not much you can do in Gimp since text doesn't scale well.

But perhaps FB is rescaling the image because you didn't provide the picture in some expected standard size. What happens if you use a 1375x92 image?

Since your image is all text another solution would be to use a vector image (SVG). These are supported by all modern browsers (but support by FB has to be checked).

10% popularity Vote Up Vote Down


 

@Correia448

Not really answer, but...

I was having trouble on Twitter images. Finally, I did a little looking for "what is the best size for a Twitter image." As I recall, the proportions for that was 7x6. Don't know about Facebook.

If the image is not proportioned correctly, or even just bigger or smaller, Facebook may be doing some resizing which could lead to some fuzziness or distortion. Of course, make sure the image has enough resolution too.

Build it in the best size and you may see improvement. Its worth a shot to see if it helps.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme