I have added photos to a portfolio website I'm building and a lot of them look VERY grainy when you click on them. They are nice clean large files and can print bat high res way over 16" x 20" so whats happened to them in iWeb?
Try turning off the optimize images on import function in iWeb preferences.
Hi Roddy thanks for that- alrady tried it to no avail. However I managed to get a sympathetic apple support person to run through some disc repairs and verifications etc, which DIDNT work but after about 40 minutes of trying stuff just as he was signing off he looked at some info his end and said the images need to be 300kb max. Now I thought that iWeb did that resizing stuff for you when you added the images, but I went off and tried reducing the originals down to about 500 kb and THEY WORKED. However after all that I am now looking at other pro photographers web sites and thinking I ought to get a professional to put a proper site together for me...just hate spending money at the moment. Thanks anyway pal. B
The images should be optimized to the maximum size that they will be viewed at in the browser.
Here's an example of a mobile website slideshow where the image width has been set to equal the maximum browser width so that it maintains reasonable quality on all types of devices...
After getting a price for a web site from a company specialising in Photographers sites (STARTING PRICE £2000 !!!!) I was inspired to keep tinkering with iWeb and I think I've cracked the problem. I expanded the content area to almost maximum so that the enlarged images that people wanted to look at were BIGGER for a start. Then I dragged one of the images in on its own and hey presto - IT WAS FINE. I continued dragging images in one at a time and it was STILL FINE. More laborious I know but if its saving me £2000 plus, I will take as long as is needed. Maybe , and I am only drawing a conclusion based on what I've experienced rather than any knowledge, maybe with larger files, if you drag over a folder or large selection of images into your photo page in one go the processing just gets mashed and produces bad results. I now feel happy to continue- if it doesnt work after all this I will have to take the pain and buy a site.
If your page width is, say, 980px, then there's not a lot of point in having your images any wider than this.
Optimize your image files to the size they will appear on the website before you drag them into iWeb.
See this and the following pages for more info...
It's all very well to say that we should optimise our images for the website, but this takes away one of the main points of iWeb. I've already optimised my photos for iPhoto (currently 3500 images from a variety of sources), I want to be able to drag and drop them straight from iPhoto into iWeb. Isn't iWeb supposed to take care of the resizing? The alternative is to go back to all the original images and laboriously export them to the correct dimensions, and then reimport them into iPhoto (so I'll now have duplicates in iPhoto).
Make sure "Optimize images on import" is de-selected. iWeb was never very good at this anyway.
You can also drag photo's in from anywhere. You do not have to pull them in though iPhoto
I don't inderstand why you would want to export the images from iPhoto, resize them and then import them back into iPhoto.
Export them from iPhoto, resize them and then drag them into iWeb from the Finder. Once you have loaded these optimized images into iWeb you can then delete the folder since you don't need them anymore and they are stored on the server.
The original images are in Lightroom. I export the best ones to iPhoto so I can create slideshows, books and a website. They are optimised and sized for display on a large screen. If I want them to be sized for iWeb I'll have to go back to LR, find each photo, optimise it for iWeb, export it, and then import it into iPhoto, before being able to access it in the iWeb media browser. iWeb is supposed to take care of all this for me, isn't it?
I know I can drag photos from the finder, but this involves the same process as above: ie returning to the original images in LR and then resizing them for iWeb.
When you are dealing with websites, image file size is a trade off between quality and download speed. There's not a lot of point to having high quality images if they take too long to download in the browser.
Nowadays we also have to consider the device that the end user is viewing the images on. An image that is optimized for viewing on a large screen is total overkill and unsuitable for those using mobile devices.
Really we should be supplying different versions of media files for different devices using @media rules in the stylesheet but this is rather outside of the scope of iWeb. If you use the built in image optimizer and the iWeb Photo template with slideshow, the application will optimize the images according to the way in which you set this function in preferences and the slideshow size will be automatically reduced for those viewing it on smaller screens.
If you want to give your viewers the opportunity to view large, high quality images, you can supply them as a download.
Another issue to consider is that using very large images in a webpage can bring older Internet Explorer users to a standstill when trying to load the webpage. And, there are many, many users out there still using the older versions of IE. You can lose a lot of potential visitors that way.
I have added photos to a portfolio website I'm building and a lot of them look VERY grainy when you click on them. They are nice clean large files and can print bat high res way over 16" x 20" so whats happened to them in iWeb?
