You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@tomcat.apache.org by Szűcs Attila <sz...@codespring.ro> on 2008/08/12 11:10:30 UTC

Image rendering problem in Tomcat 5.5.1

Hello !

    I am developing a web site for a company and I've received the design from the designer. I am using apache turbine, so I have cut the design into navigations, screens, and layers. However when I am putting everything together the images are a little bit larger than in the original design. This is a problem because the image contains text which becomes blurry, and some spacer  and separator images are not shown in the right place.

The interesting thing is, that I have copied the original design to the tomcat webapps dir (which is not cut into navigations and screens, just a html file with css and images) and when I open it through tomcat it is shown in the same way (blurry). I have tried to change the image format from jpg to gif but it does the same thing.
Has somebody met the same problem ? Can you suggest me some ways to fix this ?

Thanks in advance !
  Atti

RE: Image rendering problem in Tomcat 5.5.12

Posted by Szűcs Attila <sz...@codespring.ro>.
I know this question seems totally without logic. I have tested it on another tomcat, which is on a web server and it worked fine....I have no idea what the problem was with my machine or tomcat....I know that tomcat does not influence the size of an image...some error has occurred somewhere in the system, and I couldn't figure out where....
I hope that I will not encounter it when deploying in the web server !

Thanks for your reply anyway !
Atti

-----Original Message-----
From: Hassan Schroeder [mailto:hassan.schroeder@gmail.com]
Sent: Tuesday, August 12, 2008 6:19 PM
To: Tomcat Users List
Subject: Re: Image rendering problem in Tomcat 5.5.1

On Tue, Aug 12, 2008 at 8:13 AM, Szűcs Attila
<sz...@codespring.ro> wrote:

> I forgot to mention that the design, when opened outside of tomcat (just the plain html file with css and images) looks all right, so the css and the html files are good. The other strange thing is that when I copy the "blurry" html's code and paste it in a plain html and open the file (without tomcat) everything works fine.

I can't imagine how Tomcat could be influencing the display size of
images -- can you send a URL demonstrating this problem?

--
Hassan Schroeder ------------------------ hassan.schroeder@gmail.com

---------------------------------------------------------------------
To start a new topic, e-mail: users@tomcat.apache.org
To unsubscribe, e-mail: users-unsubscribe@tomcat.apache.org
For additional commands, e-mail: users-help@tomcat.apache.org


Re: Image rendering problem in Tomcat 5.5.1

Posted by Hassan Schroeder <ha...@gmail.com>.
On Tue, Aug 12, 2008 at 8:13 AM, Szűcs Attila
<sz...@codespring.ro> wrote:

> I forgot to mention that the design, when opened outside of tomcat (just the plain html file with css and images) looks all right, so the css and the html files are good. The other strange thing is that when I copy the "blurry" html's code and paste it in a plain html and open the file (without tomcat) everything works fine.

I can't imagine how Tomcat could be influencing the display size of
images -- can you send a URL demonstrating this problem?

-- 
Hassan Schroeder ------------------------ hassan.schroeder@gmail.com

Re: Image rendering problem in Tomcat 5.5.1

Posted by Konstantin Kolinko <kn...@gmail.com>.
All this sounds like a browser issue.

Firefox 3.0 now supports zooming of the whole page (as compared to
scaling the font sizes only). Press Ctrl+0 to reset the page to 100%
(see the View menu for details).


2008/8/12 Szűcs Attila <sz...@codespring.ro>:
> Christopher,
>
> Even if I am opening it through tomcat with IExplorer it looks good. Is it a Firefox bug ? I don't know....
>
> Atti
>

RE: Image rendering problem in Tomcat 5.5.1

Posted by Szűcs Attila <sz...@codespring.ro>.
Christopher,

   Thanks for your reply. I am not generating the images. They are read from an image folder.
I forgot to mention that the design, when opened outside of tomcat (just the plain html file with css and images) looks all right, so the css and the html files are good. The other strange thing is that when I copy the "blurry" html's code and paste it in a plain html and open the file (without tomcat) everything works fine.
Even if I am opening it through tomcat with IExplorer it looks good. Is it a Firefox bug ? I don't know....

Atti

-----Original Message-----
From: Christopher Schultz [mailto:chris@christopherschultz.net]
Sent: Tuesday, August 12, 2008 5:24 PM
To: Tomcat Users List
Subject: Re: Image rendering problem in Tomcat 5.5.1

-----BEGIN PGP SIGNED MESSAGE-----
Hash: SHA1

Atti,

Szűcs Attila wrote:
| However when I am
| putting everything together the images are a little bit larger than
| in the original design. This is a problem because the image contains
| text which becomes blurry, and some spacer  and separator images are
| not shown in the right place.

Are you generating images on the fly and then compressing them yourself
(like actually drawing PNG or JPEG files on the server), or are you just
serving static content?

If you are serving static content, then the problem is likely to be your
HTML or CSS. If you have a 100x100 image, but you tell the client
(browser) that the image should be rendered at 120x120, then you'll get
this blurriness. You can control image rendering sizes using the 'width'
and 'height' attributes of an <img> tag, or with the 'width' and
'height' attributes of a CSS style applied to that tag.

If you are using Firefox as your browser, try using the DOM Inspector to
see what the effective width and height are for your images that look
funny. If you have MSIE, try using something like the IE Developer
Toolbar, which I think has somewhat similar capabilities. If you are
using another browser, I'm not sure what the options are.

| The interesting thing is, that I have copied the original design to
| the tomcat webapps dir (which is not cut into navigations and
| screens, just a html file with css and images) and when I open it
| through tomcat it is shown in the same way (blurry).

Have you ever seen a browser render the images in a non-blurry way?
Perhaps the design itself is flawed.

- -chris
-----BEGIN PGP SIGNATURE-----
Version: GnuPG v1.4.9 (MingW32)
Comment: Using GnuPG with Mozilla - http://enigmail.mozdev.org

iEYEARECAAYFAkihnOkACgkQ9CaO5/Lv0PDRFACgpTMvTBntQ7KhalMwtt25fb/4
N1oAn3M7uBUk1UUPMkAcZQwsNCcEGwS5
=mEHE
-----END PGP SIGNATURE-----

---------------------------------------------------------------------
To start a new topic, e-mail: users@tomcat.apache.org
To unsubscribe, e-mail: users-unsubscribe@tomcat.apache.org
For additional commands, e-mail: users-help@tomcat.apache.org


Re: Image rendering problem in Tomcat 5.5.1

Posted by Christopher Schultz <ch...@christopherschultz.net>.
-----BEGIN PGP SIGNED MESSAGE-----
Hash: SHA1

Atti,

Szűcs Attila wrote:
| However when I am
| putting everything together the images are a little bit larger than
| in the original design. This is a problem because the image contains
| text which becomes blurry, and some spacer  and separator images are
| not shown in the right place.

Are you generating images on the fly and then compressing them yourself
(like actually drawing PNG or JPEG files on the server), or are you just
serving static content?

If you are serving static content, then the problem is likely to be your
HTML or CSS. If you have a 100x100 image, but you tell the client
(browser) that the image should be rendered at 120x120, then you'll get
this blurriness. You can control image rendering sizes using the 'width'
and 'height' attributes of an <img> tag, or with the 'width' and
'height' attributes of a CSS style applied to that tag.

If you are using Firefox as your browser, try using the DOM Inspector to
see what the effective width and height are for your images that look
funny. If you have MSIE, try using something like the IE Developer
Toolbar, which I think has somewhat similar capabilities. If you are
using another browser, I'm not sure what the options are.

| The interesting thing is, that I have copied the original design to
| the tomcat webapps dir (which is not cut into navigations and
| screens, just a html file with css and images) and when I open it
| through tomcat it is shown in the same way (blurry).

Have you ever seen a browser render the images in a non-blurry way?
Perhaps the design itself is flawed.

- -chris
-----BEGIN PGP SIGNATURE-----
Version: GnuPG v1.4.9 (MingW32)
Comment: Using GnuPG with Mozilla - http://enigmail.mozdev.org

iEYEARECAAYFAkihnOkACgkQ9CaO5/Lv0PDRFACgpTMvTBntQ7KhalMwtt25fb/4
N1oAn3M7uBUk1UUPMkAcZQwsNCcEGwS5
=mEHE
-----END PGP SIGNATURE-----

---------------------------------------------------------------------
To start a new topic, e-mail: users@tomcat.apache.org
To unsubscribe, e-mail: users-unsubscribe@tomcat.apache.org
For additional commands, e-mail: users-help@tomcat.apache.org