Posted by keiffee on February 4, 2013 at 10:37am
i have been resizing photos using
width: 450px; height: 330px;
The problem is that this makes some photos look stretched or just plain wrong? I have also seen that on some pages the photo goes way over the edge of the main body (depending on the browser). I have seen that some times there is a % next to the size. So i tried
width: 100%; height: 100%;
But i have been told that this also makes the photos look wrong? what is the best way/format/px/% of formatting photos to make them fit the page and look correct.
The theme i am using is Zero-Point and the address is http://www.croydonaccessibletransport.org.uk/content/meet-team
Any help or guidance would be grate
Comments
Hi, Looks like you insert
Hi,
Looks like you insert pictures via wysiwyg and perform resize adding percents to image width and height? It may sound strange, but I'd suggest you to prepare (resize) images before uploading/adding to page. Just use any image-editing software (were are some online image editors as well). Thus you'll receive bullet-proof image dimensions and full images control.
Yes that is right i am using
Yes that is right i am using IMCE and i then inserting the photo on to the page then using % to reduce them down to size.
Just something that i thought of.... when i use % am i correct in thinking that 50% means Drupal reduces the photo by 50% no matter what the px size of the photo is ?
Many thanks for your time in this matter
Keith Pain
Croydon Accessable Transport
Charity
.
... when you resize as you described you only change the size of the images in display terms You are not changing the pixel / file size of the image.
As suggested previously upload the images already resized close to the size you will use them at - otherwise your pages will load slowly and you just clog up your web-space on the host.
Most images will be around the 10kB size, some may be a bit bigger, but you should hardly ever have anything bigger than 100kB.
Your images should be around the 72 dpi to the 100 dpi mark - than you cut or resize them to the physical size in px = pixels to fit you layout.
-----------
Good luck .....
... more recent results of trying Drupal just once are -
www.native-power.de
Malls and More
This looks like it the sort
This looks like it the sort of thing im looking for. Many thanks for your help on this.
Many thanks for your time in this matter
Keith Pain
Croydon Accessable Transport
Charity