Working with images, Help with image placement and functions Options

[Jesse Techno]

I have a blog I built and I am inserting an image into an image holder. BUT! The image is smashed. I need the area of viability to always stay the same but the image to stay normal (even if some of the image goes out of view if it goes beyond the edge).

[pandy]

Smashed? Can you link to a page that shows the problem?

[Jesse Techno]

As you can see on the "New Truck Grant" post the image is smashed because it is restricted to that size. I need the picture to look normal (even if it gets cut off) inside that sized frame!

http://ufire.sabinalcanyon.org/blog.php

[pandy]

What about resizing and cropping the images to the size and proportions the blog software seems to be configured to use before you upload them?

[Jesse Techno]

I need it to do what I just said because the people using it cant do it themselves and I am not that advanced.

[pandy]

Then you need to make adequate changes to the template I suppose the blog software uses. All the images at the top of posts are resized to the same size in the HTML.

CODE

<a href="post.php?id=12"><img src="http://media1.sabinalcanyon.org/utopiafire/files/News/IMG_5673.jpg" alt="" width="703" height="214" />

Since that image is 1000 x 540 pixels not only will it add unnessacary load by being larger than will be used, but it will inevitably get distorted if it doesn't have exactly the same proportions as it's given in the HTML.

703/214 = 3.28504673
1000/540 = 1.85185185

If you must resize images this way, which is bad, try to change the template so the only the width is forced. Then browsers will scale the image with the correct aspect ratio. They won't all be the same height, but they will be the same width and they won't be distorted. Best I can think of and as good as it gets, I think.

[Jesse Techno]

I wrote the blog software so its sketchy at best... BUT! I like the idea of only restriction the one size direction. I will try that but its not really what I was looking for. I cant resize the pictures because they appear in about 4 different places all with different sizes.

[pandy]

I don't think I understand what you are looking for. You won't find a way to make an image that has been warped out of shape to look good in that condition...

[Smith Paul]

I do agree with you pendy..dear just chekout pixel before entering the size of the frame..and tell me .
Is their any specification regarding image size. good for you to resize image carefully or use any image editor.jusst cut and paste that will be good for you..

[Frederiek]

Setting the width OR the height to auto, the image will scale in respect to its aspect ratio.
Then, if you keep the height, the width will be 396px, smaller than the width if that column. If you keep the width, the height will be 380px, higher than before, but straight.

Though, as said before, it's not really the way to go.