Actually I listed all of them because we are designing for all of those companies and the round logos does not come out completely round. I have tried to resize then in Photoshop but no luck with that. Do they have to be vectors because the client provided them to me as .jpg’s. The only one that appears to look ok is the one for the Orchid, but the others are still distorted.
Yes, I received a different file for each logo and they were not distorted. When I place them on the page that I am designing it does not appear distorted. However, when it is uploaded then the distortion begins. But I must admit that prior to me placing them on the page that I did not resize them that way that you are recommending. I will give it a try and see what happens from there.
So I just want to make sure that once I do that, no matter what size screen that the visitor has, is should keeps its proportion.
Well yes, they will… Especially since your background is just one large image. You see, even though you have multiple logos on there, once you save an image as a file, it is just one image.
Now, if resizing isn’t intuitive, you can always have each logo open separately and then go to Edit > Image Size…
Set the top values to Pixels(I prefer pixels always but it works for any measurement) and make sure at the bottom the checkbox with "Constrain Proportions" is checked. From here, edit the values and both numbers will change, thus keeping all the pixels clean. =)
if the image looks distorted there is only 2 options as to why this has happened…
1) you have used the height and width on your img tag to give it a size that is not in proportion to your actual image size, so its had to sqeeze down.
2) you have made an error in photoshop.
Lets look at number 1 first:
you code for that central image is:
Notice you have set the height and width – but is this causing your problem? no. because your image is 1024px by 724px. So if that is not the issue we have to move on to option 2.
There is no advice we can give here on website code that will make your image display without distortion if you have made the error in photoshop in the first place.
Now you might have reized the image to make it fit 1024x724px after you had set up the image, if this is correct, then your image would have been sqeezed to fit the canvas size. That would account for your distortion problems.
to fix the problem you need to learn how to use photoshop – or whatever image editor you are using.
If you can post all the logos that are in the image there seperatly up here, I can make you an image that isnt distorted that you can just swap out for now.