Imported image of text doesn't look as good as native font

[Doc]

I've been putting together a website using Webeasy. It works really
well, however I'm encountering an issue regarding importing images.

I wanted a particular line to be a size that's between those that I'm
able to get using a font face and size commands. One is too small and
the next is too large. So, I created an image in Paint Shop Pro,
resized it, converted to jpg and tried that. However, I find that it
seems to lose something in the translation. It doesn't look as sharp
on the web page as it does in PSP, even with the lowest .jpg
compression setting. What can I do to retain the crispness?

Thanks!

[David Dorward]

Doc wrote:

I wanted a particular line to be a size that's between those that I'm
able to get using a font face and size commands.
The <font> element is deprecated and should not be used. Try (the far far
far more flexible) CSS instead.
One is too small and the next is too large.
The old <font> element was very primitive.
So, I created an image in Paint Shop Pro, resized it, converted to jpg and
tried that.

And the size will still vary as the size of a pixel is different on
different systems.

Forget about pixel perfect design - it isn't really achievable.
--
David Dorward http://dorward.me.uk/

[JP Kabala]

if it is simple text in a web-safe color on a solid background, try Gif
instead
"David Dorward" <do*****@yahoo.com> wrote in message
news:bj*******************@news.demon.co.uk...

Doc wrote:

I wanted a particular line to be a size that's between those that I'm
able to get using a font face and size commands.

The <font> element is deprecated and should not be used. Try (the far far
far more flexible) CSS instead.

One is too small and the next is too large.

The old <font> element was very primitive.

So, I created an image in Paint Shop Pro, resized it, converted to jpg and tried that.

And the size will still vary as the size of a pixel is different on
different systems.

Forget about pixel perfect design - it isn't really achievable.
--
David Dorward http://dorward.me.uk/

[kchayka]

Doc wrote:

I've been putting together a website using Webeasy. It works really
well, however I'm encountering an issue regarding importing images.

I wanted a particular line to be a size that's between those that I'm
able to get using a font face and size commands. One is too small and
the next is too large. So, I created an image in Paint Shop Pro,
resized it, converted to jpg and tried that. However, I find that it
seems to lose something in the translation. It doesn't look as sharp
on the web page as it does in PSP, even with the lowest .jpg
compression setting. What can I do to retain the crispness?

Chances are .jpg is the wrong type of image for the job, it is best for
photographic quality, but not for line art.

Why not skip the image and look into the CSS border property instead?

--
To email a reply, remove (dash)ns(dash). Mail sent to the ns
address is automatically deleted and will not be read.

[Mike Williams]

Wasn't it Doc who wrote:

I've been putting together a website using Webeasy. It works really
well, however I'm encountering an issue regarding importing images.

I wanted a particular line to be a size that's between those that I'm
able to get using a font face and size commands.

Did you know that you are not limited to integer point sizes for fonts
in HTML, when you use CSS? If you want to, you can specify your text
displayed in 23.125 point characters, and the fractional size will be
honoured in most browsers, including MSIE and Opera. I don't know about
Netscape.

There may possibly be advantages to using real text rather than a
graphic:-

The page loads faster.
Search engines can index the text.
It's easier to get it to look reasonable on screens of different widths
(or where part of the browser window is being used for Favourites or
History).
It's easier to get it to look reasonable when printed.
Visually impaired people can tell their browser to display larger text,
and the fractional point sized text scales correctly relative to integer
sized text.
Blind people can read the text with speaking screen readers.

--
Mike Williams
Gentleman of Leisure

[Greg Schmidt]

On Thu, 11 Sep 2003 22:04:39 +0100, Mike Williams
<mi**@econym.demon.co.uk> wrote:

Did you know that you are not limited to integer point sizes for fonts
in HTML, when you use CSS? If you want to, you can specify your text
displayed in 23.125 point characters, and the fractional size will be
honoured in most browsers, including MSIE and Opera. I don't know about
Netscape.
If you use ems instead of pts, then all of these advantages still hold:
The page loads faster.
Search engines can index the text.
It's easier to get it to look reasonable on screens of different widths
(or where part of the browser window is being used for Favourites or
History).
It's easier to get it to look reasonable when printed.
Blind people can read the text with speaking screen readers.
But this one gets even better.
Visually impaired people can tell their browser to display larger text,
and the fractional point sized text scales correctly relative to integer
sized text.

When you use ems, visually impaired people who already have their
default font size set larger don't have to do anything at all with their
browser to have it display readable text.

And, of course, you can use fractional em sizes as well.

--
Greg Schmidt (gr***@trawna.com)
Trawna Publications (http://www.trawna.com/)

[Xalinai]

On 11 Sep 2003 12:18:05 -0700, do*********@yahoo.com (Doc) wrote:

I've been putting together a website using Webeasy. It works really
well, however I'm encountering an issue regarding importing images.

I wanted a particular line to be a size that's between those that I'm
able to get using a font face and size commands.
One is too small and the next is too large.
Ever tried to specify the font size in points instead of the default
font sizes using <font size="12pt">.

You could also specify the style in a style sheet....
So, I created an image in Paint Shop Pro,
resized it, converted to jpg and tried that. However, I find that it
seems to lose something in the translation. It doesn't look as sharp
on the web page as it does in PSP, even with the lowest .jpg
compression setting. What can I do to retain the crispness?
Do not save text as JPG. Text should have sharp borders of high
contrast colors - this is a typical application for GIF or PNG.

Michael
Thanks!

[Barbara de Zoete]

Xalinai wrote:

On 11 Sep 2003 12:18:05 -0700, do*********@yahoo.com (Doc) wrote:

I wanted a particular line to be a size that's between those that I'm
able to get using a font face and size commands.
One is too small and the next is too large.

Ever tried to specify the font size in points instead of the default
font sizes using <font size="12pt">.

Points are for print on paper. Use em, ex or a percentage (not lower
than 80%) instead, as pointed outbefore in this thread.

--

Barbara

http://home.wanadoo.nl/b.de.zoete/html/weblog.html *Dagboek*
http://home.wanadoo.nl/b.de.zoete/html/vliegen.html *Zweefvliegen*?

[Alan J. Flavell]

On Fri, Sep 12, Xalinai inscribed on the eternal scroll.
seen on comp.infosystems.www.authoring.html:

Ever tried to specify the font size in points

Sure I've tried it. 1: in a web browsing context it doesn't work
(popular browsers aren't calibrated to produce the specified size at
whatever dpi the display is being used), and 2: even if they were, it
wouldn't produce the desired result (which is, or ought to be, text at
a size which can be comfortably read by each web user according to
their wishes or needs; also, consider that a font size of exactly
12pt, one-sixth of an inch, wouldn't be so very useful on a 30-foot
projection screen for example, any more than it would be on the tiny
head-up display of a wearable).

It's undoubtedly the right choice for printed matter, but what on
Earth does this have to do with authoring HTML for the WWW, which is
the topic of this group?

[Shawn K. Quinn]

Doc wrote:

I've been putting together a website using Webeasy. It works really
well, however I'm encountering an issue regarding importing images.

I wanted a particular line to be a size that's between those that I'm
able to get using a font face and size commands.
There are no "font face and size commands" in HTML. The <font> element,
which has face and size attributes, was deprecated *FIVE YEARS AGO* in
favor of CSS.
One is too small and the next is too large. So, I created an image in
Paint Shop Pro, resized it, converted to jpg and tried that. However, I
find that it seems to lose something in the translation. It doesn't look
as sharp on the web page as it does in PSP, even with the lowest .jpg
compression setting. What can I do to retain the crispness?

Thanks!

Don't use images for text.

Drop Webeasy in favor of an editor which has CSS support. Modern editors
should not make it easy for you to put in <font> or other deprecated
elements/attributes as this is not how to make new documents in 2003.

--
Shawn K. Quinn

[jake]

In message <f0**************************@posting.google.com >, Doc
<do*********@yahoo.com> writes

I've been putting together a website using Webeasy. It works really
well, however I'm encountering an issue regarding importing images.

I wanted a particular line to be a size that's between those that I'm
able to get using a font face and size commands. One is too small and
the next is too large. So, I created an image in Paint Shop Pro,
resized it, converted to jpg and tried that. However, I find that it
seems to lose something in the translation. It doesn't look as sharp
on the web page as it does in PSP, even with the lowest .jpg
compression setting. What can I do to retain the crispness?

Thanks!

Export the file as .gif

regards.

--
Jake