Webpage Text to Image conversion

Factual Questions
#1

Sometimes, when wanting to put a few sentences of text on a webpage, I want to use a special font. Of course, most people will not have this font in their computer, so they will see the text in a default font.

It can be difficult and time consuming to write text in a photo editor, save it as an image, convert the image into a transparency so the text will appear over the existing webpage image, etc.

There are a lot of online webpage banner builders, I was wondering if anyone has seen an online or program that lets you type in a few sentences of the font you like, then easily save it as a transparent image that can be dropped on a webpage?

A lot of programs and online stuff has you upload an image and then put text on it, but I need something that just does the text as a transparent image I can layer on top of my existing webpage images.

Anybody know of such a thing?

#2

Not exactly what you were looking for, but there are (slightly hackish) ways of rendering custom fonts on the fly.

#3

IMHO this is not a good idea for several reasons but, leaving that aside, I do this easily by capturing the screen and then using any image program like MSPaint or Irfanview. It takes no time.

#4

How do you achieve a transparent background using MSPaint?

#5

The commonly supported formats with transparency (png8/gif) only flag a single color as transparent. Text rendered against a particular background actually has translucent edges which show up as a slightly darker/lighter variation of the background. What this means is that if you display your text with transparency over a very different color background there will be a noticeable discolored edge around the outside of the text. If you intend to overlay your text on top of high contrast images this aliasing will be unavoidable with a single color transparency.

You could try to render the text against a neutral color in the middle of the extremes of your image (like grey) and maybe it wouldn’t be noticeable but it’ll still be present. The best solution is probably just to make the text a part of the image. This also allows you to to stuff to make it easier to read (like outline it/add a shadow etc).

If you don’t have a program like photoshop you could try getting GIMP which is a free image editing program.

#6

I do not remember exactly but I remember it involves unchecking “draw opaque”.

#7

GIF only supports a single transparent color, but PNG has a full alpha channel, so you could have a pixel that’s, say, 0x0A red, 0xC7 green, 0x83 blue, and 0xBE transparent.

#8

The way I avoid this problem is by first converting the text image to a single flat color whic is quite easy to do. The same problem arises with images which were a flat color but were converted to JPG.

#9

PNG alpha transparency isn’t well-supported except by the latest browsers. I’d be hesitant…

#10

You can go to GifWorks, it’s an oline image editor for gifs. It can do a lot.

XNView is an excellent FREE program to manipulate images if you want. You can do a much with it.

But GifWorks is probably easier, but get XNView anyway, it’s free and excellent

#11

I just thought of another site that might help, and it supports transparency

Of course it’s free

Cool Text

#12

This site seems to do exactly what you want: GIF_TEXT

The background is transparent by default, and though there are a shitload of options, all you really need to specify is your text, a “TTF Font” (there’s a link to a list at the top) and its size.