HTML & CSS
hendersonsaddle.com if you take a look, I believe because of the images on the site, it scrolls choppy, and is slow to load on slower computers. Is there a way to keep those images but perhaps shrink the file size so the browser can scroll smoother?
Those images are gignatic (like 3000px x 2000px) and are only appearing smaller thanks to the CSS rules that are setting a height and width for them. Ideally, resize the images before uploading them. You could use a program like Photoshop for this, but if you don't have that, there are lots of free equivalents.
After I posted this thread, I found out how to resize those images in a photoshop type program! Thank you!
Install Imagemagick. Then from the command line run
convert robin.jpg -resize 300x300 small-robin.jpg
convert small-robin.jpg -quality 50% small-robin-50.jpg
See http://www.imagemagick.org/Usage/resize/#resize and http://www.imagemagick.org/Usage/formats/#jpg
See http://www.imagemagick.org/script/index.php for binaries for your os. For Linux distros, go through the repository.
The above commands took your 3008x2000 image of size 299,694 bytes and resized to 300x199 of size 27,655 bytes. The quality 50% argument compressed the file further to 20,974. There is no obvious reduction in rendering quality. You might be able to compress even further, but that's your call.
The difference it will make in the file size is minor compared to resizing the images, but some graphics editors leave metadata in JPEGs that is just dead weight on the web. For example, cory.jpg has about 9k of useless metadata -- that's about 1/3 of the current file size. If your editor (which, judging by the metadata, appears to be Adobe Photoshop Elements 7.0 Windows) has an option or a method for saving the image without metadata, that's great. I personally use JPG Cleaner since Photoshop irritatingly includes the metadata unless you use Save for Web, which I dislike.
I use Photoshop Elements 8 and I like the "Save for web" option.
1) you can select different file formats
2) disable the inclusion of meta data (which is not needed for web display)
3) you get a "real time" before and after window showing what your image looks like as you increase the jpg compression to an acceptable level.
between downsizing a file's dimensions and compression you can normally get very small images, in terms of kB, without losing any noticable image quality for web displaying
will be looking at getting PSE 9 soon as they have fiiiiiinally :rolleyes: introduced layer msks for all layers and not for just adjustment layers. :aparty: :Partydude:
Yes the save for web and device option in photoshop is how i minimise the size of an image, so that it loads faster, without it loosing too much quality.