Getting images right before you upload

Applies to: anyone adding images to a Webflow website built by Rhythm Digital

The images you upload have more effect on how your site looks and performs than almost anything else you can change. Two minutes of preparation before you upload saves a slow page, a blurry photo or a team page where one headshot doesn't match the rest.

Size: big enough, but not enormous

Photos straight off a phone or camera are far larger than a web page needs. They'll still display, but every visitor has to download them, and on a slow country connection that's the difference between a page that snaps open and one that crawls.

As a rule of thumb:

• For a big banner image across the whole page, around 2400 pixels wide is plenty.
• For images within a page, like a photo next to some text, around 1200 to 1600 pixels wide is plenty.
• Aim to keep each image under about 500KB once it's saved. Under 200KB is even better.

You don't need special software for this. Every phone and computer can resize a photo, and free sites like TinyPNG or Squoosh will shrink the file size without any visible loss of quality. Drop the image in, download the smaller version, upload that one.

File type: JPG for photos, PNG for graphics

• JPG is right for photographs. It keeps file sizes sensible.
• PNG is right for logos and graphics, especially anything that needs a transparent background.
• WebP is fine too if that's what your tool produces. It's built for the web.

Try not to upload images inside other files. A photo is what's needed, not a Word document or a PDF with a photo in it.

Shape and consistency

An image gets placed into a fixed spot in the design, so its shape matters as much as its size. If the old image was wide and short, a tall portrait photo won't sit the same way. When you're replacing an image, start with a new one of a similar shape.

Consistency matters most where images sit side by side. Team pages are the classic: one headshot taken close up against a different background stands out immediately. Match the crop, background and style of what's already there, and if you're refreshing the whole set, that's a great time to make them all consistent.

A note on file names

Name the file for what it is before you upload it: tamworth-showroom-2026.jpg rather than IMG_4821.jpg. It helps Google understand the image, and it helps the next person who has to find it.

Need a hand?

Email support@rhythmdigital.au. If a photo matters and you can't get it sitting right, send us the original and we'll size and place it for you.