The Mother Board
HTML/CSS HELP Resizing Images

 
Post new topic   Reply to topic    The Mother Board Forum Index -> Programming
View previous topic :: View next topic  
Author Message
chrisostomos
Initiate
Initiate


Joined: 23 Jan 2004
Posts: 79

PostPosted: Sat Aug 12, 2006 12:09 am    Post subject: HTML/CSS HELP Resizing Images Reply with quote

Hi,

I am wondering how i can put my picture on my site witout making them pixley.
The problem is the only way they are not pixley is if the height and the width i put in the IMG tag match the actual size and width of the pic.
Otherwise the image looks pixley. I actually want to put a higher resolution picture in a smaller IMG tag. Reason being incase i need to use a higher resolution pic on the site in the future.
I also tried using EMs and didnt help

Any Feedback would be appriciated

Thank You
Chris
Back to top
View user's profile Send private message
olly
Green Belt
Green Belt


Joined: 27 Jun 2002
Posts: 217

PostPosted: Mon Aug 14, 2006 10:49 am    Post subject: Reply with quote

Resize them with an image manipulation program. Photoshop is the best. This free one is pretty good too though:

www.gimp.org
Back to top
View user's profile Send private message
sjjoseph
Pilgrim
Pilgrim


Joined: 09 Jan 2010
Posts: 3

PostPosted: Tue Jan 12, 2010 9:18 pm    Post subject: Reply with quote

When implementing image in your HTML code take the height and width of the IMG tag smaller then the size of image.
Then in property set the image status to stretch.
By this you can set the image without modifying its pixels.
Back to top
View user's profile Send private message
chrisadam
Pilgrim
Pilgrim


Joined: 15 Sep 2010
Posts: 4

PostPosted: Wed Sep 15, 2010 9:28 pm    Post subject: Reply with quote

. I actually want to put a higher resolution picture in a smaller IMG tag. Reason being incase i need to use a higher resolution pic on the site in the future.
Back to top
View user's profile Send private message
jcrusious
Pilgrim
Pilgrim


Joined: 30 Jun 2011
Posts: 3

PostPosted: Fri Aug 05, 2011 2:40 am    Post subject: Reply with quote

sjjoseph wrote:
When implementing image in your HTML code take the height and width of the IMG tag smaller then the size of image.
Then in property set the image status to stretch.
By this you can set the image without modifying its pixels.


But if picture is resolution of 400X500 than how i can show it in a big size of 800X1200?
Back to top
View user's profile Send private message
Karlsweldt
Mobo-fu Master
Mobo-fu Master


Joined: 12 Nov 2003
Posts: 19026
Location: 07438

PostPosted: Fri Aug 05, 2011 6:16 am    Post subject: Reply with quote

Some photo editing programs can easily enlarge an image, and increase pixel count to avoid a 'tiling' effect. But an easy way is to enlarge the image to about 8x desired, then use the "sharpen" effect. May take a few seconds to effect the change.. then shrink the image to desired size. It should have good detail. But if an image is only 400X500 to begin with, you cannot add detail that isn't there. Best to start with a hi-res image.
An image that was resolved for 640x480 seen on a screen at double that image size will always appear 'tiled' or coarse.
To get a crisp base image, you need a camera that has at least a 4 mp resolution. Cell-phone and Web cams are lucky to have a 1 mp resolution.
_________________
F@H.. to solve mankind's maladies.. in our lifetimes!
Back to top
View user's profile Send private message
Display posts from previous:   
Post new topic   Reply to topic    The Mother Board Forum Index -> Programming All times are GMT - 8 Hours
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum


Powered by phpBB © 2001, 2002 phpBB Group