Tips for Using High Res or a Lot of Images on a WordPress Website (Photographers, this is for you)
Written by: Eileen Lonergan
These are bits of advice sent to me from my community of Expand2Web Experts.
My question: Does anyone work with Photographers? Or how do you guide people who have lots of images on their sites and have a slow load time? Plugins? Is hosting is an issue?
1. Always format images for the web (not print), before uploading. (Important)
2. For the web bigger is not always better, usually nothing wider than 950px because of people’s screen size.
3. Add a watermark logo to all pics
3. Disable right click on site (code or plugin) Note: Plugin I found http://wordpress.org/plugins/no-right-click-images-plugin/
4. Install wp.smush it plugin
5. Install caching plugin (visitors come back or look at same pics, better to look at a cached version)
6. Optional (depends on theme), use built in Gallery and install a Lightbox plugin (e.g. simple lightbox)
7. Upload only what you want to showcase on site. For showing pics to clients who want to view all their pics, use Adobe’s Revel (http://www.adoberevel.com/) or ShutterFly.com
8. If pictures are going to be thousands, consider upgrading to their own VPS.
Other articles he suggested: Optimizing Images: http://inobscuro.com/tutorials/optimizing-images-for-web-35/
And here’s the “Save for the Web” feature for Illustrator: http://blogs.adobe.com/ivandavid/illustrator_cs6_save_for_web/
From Tim Tewalt the power behind Simple2Web.com
1. Use NextGEN Gallery and NextGen Scroll is an add on. This also does the watermark.
2. Save images as .jpg try 75 – 85% quality. 72dpi resolution. Different graphic tools produce different results. Many photographers have problems exporting for web. I use the Mac application Acorn and it does a really good conversion and size reduction.
Thanks guys for this awesome info!