PDA

View Full Version : Images cut off


rosskernick
25-Jul-2005, 01:40 PM
When using the standard actinic layout the products where images appear on the right are displaying half the correct image. This is effecting very product image that is to the right of the text.

I have tried replacing the actproduct and actproductleft files but this has made no difference. The page with is showing the problem is at:

http://oceania-legends.com/acatalog/Resin.html

any help would be appreciated.......

Mike Hughes
25-Jul-2005, 01:48 PM
Are you allowing time for all the images to load?

They're all fairly large (over 1 MByte in total) and the page won't resize the tables until they've all loaded.

When I tried your page on a 2Mbps ADSL line, I saw the effect you refer to, but after a while the page resized and all the images displayed correctly.

My Advice would be to optimise your images so each one is smaller. Currently they're all around 84 Kbytes each and the whole page would 2-3 minutes to load on a 56K modem.

Mike

jont
26-Jul-2005, 01:57 PM
May also be worth checking the JPEG setting are "progressive" when saving - this will show a blurred image on the first pass and then comes up to quality after say 3 or 4 passes to help with the page loading and page imposition.

NormanRouxel
26-Jul-2005, 02:03 PM
These jpg's have huge file sizes.

I looked at Buddha-Laughing-Resin-Tiny.jpg (82Kb) and resaved it with Paint Shop Pro and a compression factor of 25 (which produces pictures fine for the web). File size dropped to 10Kb!

Your page would load 8 times faster if you did this to all the images.

jeff p
26-Jul-2005, 07:43 PM
All images loaded fine on cable and using Opera. Norman also recommended Irfanview...a shareware program that will drop the size of the images dramatically. Been using it for over a year and a half.

KenWheeler
28-Jun-2006, 10:38 AM
May also be worth checking the JPEG setting are "progressive" when saving - this will show a blurred image on the first pass and then comes up to quality after say 3 or 4 passes to help with the page loading and page imposition.

Where does one select jpeg settings to progressive please?

Ken

jont
28-Jun-2006, 11:10 AM
The software being used depends on the wording

In Photoshop ctrl+shift+s (save for web) and there is a tick boxed labelled "progressive" next to quality

In Fireworks use the Export Wizard and in the option tab you will see "progressive" beneath the smoothing option

other software will be similar - it is usually in the JPEG export function / optimise

HTH

jont
28-Jun-2006, 11:13 AM
It is worth checking the size of the files before commiting to progressive as it can increase the file over-head ... if the file is already quite small it is pointless using progressive as the file will appear immediately without the low res version ever being see .... progressive is best used if you have say a full window sized image to allow users the option to cancelling once they see the low-res image rather than sit waiting 20 seconds for the full image to appear.

Broadband has mostly replaced the use of progressive saves but it is still good practice for the monster images

KenWheeler
29-Jun-2006, 10:43 AM
TVM - all clear now.

Ken