|
| |
|
|
womble
Posts: 5501 Joined: 3/14/2005 From: Living on the edge Status: offline
|
Problem resizing graphic (reducing size) - 8/21/2005 16:35:38
I have a problem with a graphic (a logo) on a site that I'm redesigning. The original graphic is a jpeg (516 x 333px and 300 px per inch). I've been using it on the previous version of the site at 150 x 98px, still as a jpeg and it looks okay-ish. With the new site though I'm trying to reduce the size of the top of the page to get more content 'above the fold'. I've been trying to reduce the image to 75 x 48px and I looked back through previous posts that suggested reducing the dpi and using bilinear resizing (I'm using PSP8 btw). I've reduced the resolution to 72dpi and resaved as a gif. By doing that it doesn't look too bad in PSP, though a little pixellated (though I have to have it magnified quite high so I can see it clearly), but when i view it on the web page it looks extremely pixellated and kind of squished and elongated (and yes I have remembered to change the height and width attributes in the code). I've no idea what's wrong here. Can anyone suggest anything I might be doing wrong? Thanks. W
_____________________________
~~ "A cruel god ain't no god at all" ~~
|
|
|
|
Tailslide
Posts: 5972 Joined: 5/10/2005 From: Out here on the raggedy edge Status: offline
|
RE: Problem resizing graphic (reducing size) - 8/21/2005 17:30:02
Ok - now don't yell at me... I know you changed the dimensions in the code, but did you change the file name from photo.jpg to photo.gif? I only say this because I've done this before now plus the "always good for a laugh" forgetting to upload the new image to the webserver so the page just finds the old one.
_____________________________
"My strategy is so simple an idiot could have devised it" Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project
|
|
|
|
dpf
Posts: 7121 Joined: 11/12/2003 From: India-napolis Status: offline
|
RE: Problem resizing graphic (reducing size) - 8/21/2005 17:46:50
womble : do you still have the original (516 x 333px and 300 px per inch)? sounds like you rediced that once and are now working from the reduced version. remember that .jpeg is "lossy" and each time it is saved, more data is lost. I suggest going back to the original or aas close as you can get. also, personally, i have never had luck going from jpg to gif. if it were me i would stick with the jpg
_____________________________
Dan
|
|
|
|
d a v e
Posts: 4057 Joined: 7/24/2002 From: England (but live in Finland now) Status: offline
|
RE: Problem resizing graphic (reducing size) - 8/22/2005 0:01:21
could you post a link to the original? also when you resize you can take it down 50% use unsharp mask (not *too* much) then take it down to the exact dimensions. if you can you can reduce it to 25% of its original size first.
_____________________________
David Prescott Gekko web design
|
|
|
|
dpf
Posts: 7121 Joined: 11/12/2003 From: India-napolis Status: offline
|
RE: Problem resizing graphic (reducing size) - 8/22/2005 9:19:47
quote:
as a jpeg it was appearing in a white block, to avoid that, set the background color identical to where you are placing it on the screen and it will blend in perfectly
_____________________________
Dan
|
|
|
|
Tailslide
Posts: 5972 Joined: 5/10/2005 From: Out here on the raggedy edge Status: offline
|
RE: Problem resizing graphic (reducing size) - 8/22/2005 9:39:23
quote:
ORIGINAL: dpf quote:
as a jpeg it was appearing in a white block, to avoid that, set the background color identical to where you are placing it on the screen and it will blend in perfectly Dan - she's got a stylesheet switcher so the background colour will be changing.
_____________________________
"My strategy is so simple an idiot could have devised it" Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project
|
|
|
|
dpf
Posts: 7121 Joined: 11/12/2003 From: India-napolis Status: offline
|
RE: Problem resizing graphic (reducing size) - 8/22/2005 9:54:07
quote:
Dan - she's got a stylesheet switcher so the background colour will be changing. oh - so am I expected to actually read posts now? sheesh
_____________________________
Dan
|
|
|
|
caz
Posts: 3510 Joined: 10/10/2001 From: Somewhere south of Chester, UK Status: offline
|
RE: Problem resizing graphic (reducing size) - 8/22/2005 10:04:16
I was going to suggest png format, but IE has problems with that I think - Tail?
_____________________________
Do not meddle in the affairs of cats, for they are subtle and will dance, or more on your keyboard. Cheshire cat. www.doracat.co.uk I remember when it took less than 4hrs to fly across the Atlantic.
|
|
|
|
Tailslide
Posts: 5972 Joined: 5/10/2005 From: Out here on the raggedy edge Status: offline
|
RE: Problem resizing graphic (reducing size) - 8/22/2005 10:16:32
It does have problems with png transparency. There are ways round it with scripts but frankly could never be bothered to experiment! Aparently IE7's fixed that. So it'll only be another 10 years until we can forget all the legacy browsers that do have problems *sigh*. If it's causing a major problem then you could always have different logos with different colour backgrounds as background images for the header div (or whichever) on the various stylesheets.
_____________________________
"My strategy is so simple an idiot could have devised it" Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project
|
|
|
|
d a v e
Posts: 4057 Joined: 7/24/2002 From: England (but live in Finland now) Status: offline
|
RE: Problem resizing graphic (reducing size) - 8/22/2005 15:53:36
yeah i know ;) if you notice when you zoom in or out in factors of 2 (say 50% or 25%) that the image is smoother and clearer than it is if you say zoom to say 67%...
_____________________________
David Prescott Gekko web design
|
|
New Messages |
No New Messages |
Hot Topic w/ New Messages |
Hot Topic w/o New Messages |
Locked w/ New Messages |
Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|