If you’ve decided to get a website built (or upgraded) it’s likely you’ll want some new photos used. What’s the best way to send these new photos to your web developer? You might think, easy! Just paste them all into an email and hit send – done! Or, maybe email them straight from my phone (one at a time if I have to)?
If it’s so simple why am I even writing a blog post about this? Good question (I could say because I enjoy writing, but that would be a lie).
There are actually some very good reasons for planning how you send your website photos to your developer including:
- Easier for you (now and later) – By organising all your photos before you send them, will help you to make sure you’re sending all the right photos, and make it easier should you need to update or replace any of them in future.
- Right first time – By organising your photos, naming them correctly and then referencing them in your website text document, you have a much better chance of seeing your photos exactly where you want them, instead of having to get things redone later.
- Save money – The less work your developer has to download and organise your photos (or try to figure out where you want them on the website) the cheaper it will be for you. And a cheaper website is what you’re looking for right?
How can this be achieved?
Step 1 – Organise your photos
We’ve mentioned before that, to help you figure out what pages, text and photos you’ll have on your website, to sit down with pen and paper and sketch out a rough plan. For each page, you can insert what photos you’d like to use, and where you want them.
With a simple reference system, you can uniquely identify each photo that will be used on your website.
For example, you might choose a naming convention that relates to the page and the order they’ll be used – home-01.jpg, home-02.jpg, about-01.jpg, contact-01.jpg etc. In your text document you can then reference these file names.
As an extra layer of organisation, we recommend you store all the photos for a page in its own folder. Should you need to update any photos in the future, you’ll find them a lot quicker with a folder structure that matches your website layout.
If things like renaming files or zipping up files are foreign concepts, we recommend getting familiar with these useful computer skills by doing a little research.
You might be wondering should I resize my photos before sending them? The general rule is to send the largest versions you have (a width of about 2000 pixels is generally ideal) – your developer can downsize but upsizing photos will just make them look fuzzy. Also, unless you need transparency, send only JPG files.
Step 2 – Package and send your photos
Now that you have all your photos for the website organised in folders, it’s time to zip (or compress) them all into a single file for easy sending. In Windows and Mac computers, normally you can right-click on a folder (or a selection of folders) and choose a zip (or compress) option. This will create a single file you can email.
If the file is too big for you to email, you can use a file transfer service like WeTransfer, Dropbox or Google Drive.
Step 3 – Send the layout instructions
As mentioned in Step 1, it’s a good idea to develop your website text along with your photo layout, referencing each photo in the Word (or Google) doc.
Email this to your developer, so they can easily match up each photo filename with each page of text, and where on the page you would like it to appear.
Now you’re done and everyone’s happy.
What if you need to change something?
The good news is that websites are designed to be updated and refreshed from time to time, and because you put the time in to organise all your photos it will be easier (and cheaper) to instruct your website developer to add, change or remove any photo on your site (with PogoStick website packages you can also do this yourself).
As a side note, using a shared doc (like a Google doc) for your website text and layout instructions (mentioned above in Step 3) is better for something that you will change from time to time – then you (and your web developer) will know they’re always working from the latest version of the document.
So, with a little bit of planning and preparation you can make sure you get your photos right, and your new website comes together quicker, more efficiently and cheaper than ever.