After setting up a website for a client, it is part of the job to advise them how to maintain the site when they need to add or edit content. I love it when clients are proactive in doing this themselves. This is a service I can provide for them but if they are really into learning WordPress updates, I’m all for it! 🙂
The downside is when the additional content can cause a website to run slower which means visitors might find it too slow to load, lose interest and hit the Back button or close the browser. This is especially true when adding images to your website. You can take a photo using your iPhone and upload to your website BUT, the file size may be too big. You can see this when your site loads and every other part has already loaded except the image.
An image to be used for the web needs to be optimized. It needs to be large enough to look crisp and clear but with low enough file size to load quickly on the site. I would use Photoshop to do this but my client will probably not have this tool. A free alternative is to use GIMP.
GNU Image Manipulation Program (GIMP) is a cross-platform image editor available for Linux, Mac, Windows and more operating systems. Here is a short tutorial on how to use GIMP to optimize your image for the web. Before doing anything, make sure to ask for the image size from your web designer. There is no standard size for images since this is configurable, but an image with a width or height of 900 pixels should be good for desktop browsing.
Basic image editing includes resizing and simple image manipulation.