1

I am trying to create some buttons for a website I am building. There will be a number of buttons, they are circles that have one or two words written in them. Each button is 128x128 pixels. I am trying to do it on Gimp but the text on the image never looks as crisp as normal text.

I have seen images as small or even smaller than this with very clear and crisp text. Is there a way to do this using gimp or another free tool?

Update: This image shows my textbox setting.

enter image description here

  • 1
    Gimp can produce perfectly crisp text as long as you don't scale it afterwards. Maybe what you need is vector graphics (use Inkscape instead of Gimp). – xenoid May 5 '17 at 0:21
  • Possible duplicate of How to sharpen text in GIMP? – mayersdesign May 5 '17 at 6:04
  • What is the button text font and font size, what are your settings for the text tool, ...? – Michael Schumacher May 5 '17 at 8:51
  • @MichaelSchumacher I updated my question with an image that shows my text settings. – TJ1 May 5 '17 at 13:07
1

"Normal text" is not normal text. It has a subpixel aliasing that makes it crisper than any normal aliasing gimp or photoshop can make on a normal raster image.

https://en.wikipedia.org/wiki/Subpixel_rendering

You can try to use a svg image (made in inkscape) or use text with the image as a background (use css to arrange the button).

  • That's a great explanation. Actually I have tried your css suggestion and result looks great. – TJ1 May 5 '17 at 6:33

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.